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 Element，则可以在闲暇时使用CSS并修改（Html Element）的大小。