MediaDevices视频调整大小事件

Question

我使用navigator.mediaDevices.getUserMedia来显示用户视频流，并且需要在窗口调整大小事件上更新视频大小。有没有办法在启动后更新流的宽度/高度约束，这样视频就不会被拉伸？

我的初始化代码如下所示：

const stream = navigator.mediaDevices.getUserMedia({
                audio: false,
                video: {
                    facingMode: 'user',
                    width: window.innerWidth / 2,
                    height: window.innerHeight / 2,
                }
            })
            video.srcObject = stream

Answer 1

如果您将该流分配给一个Html Video元素，那么您可以随意使用css并修改( Html元素的)大小。