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 视频元素，那么您可以随意使用 css 并修改（Html 元素的）大小。