如何在WebRTC通话期间锁定视频大小？

Question

我正在制作this视频广播示例。

我经历过一些我不知道如何修复的事情。在视频通话/广播期间，Chrome经常会随着时间的推移而改变视频大小。如何使视频大小/分辨率保持不变？

我不知道这是否有效，但我在css文件（/public/main.css）中注释掉了视频css样式。我评论了这个：

  

视频{宽度：100％;身高：100％;位置：绝对;显示：块;   顶部：0;左：0; object-fit：cover;}

我可以用CSS锁定大小吗？或者这是WebRTC，我没有影响力？

我知道如果没有足够的带宽，WebRTC会降低分辨率。但是，如何告诉WebRTC不要重新调整视频大小？毕竟这只是一个CSS技巧（尚未尝试过）？

Answer 1

您可以使用CSS设置视频元素的显示大小。 请注意，您可以（出于好的理由，通常是带宽或CPU限制）不会阻止WebRTC实现降低实际发送的分辨率。

检查视频元素videoWidth和videoHeight属性，或使用RTCPeerConnection.getStats（）API获取实际分辨率。