使用getUserMedia API配置帧格式

Question

我有以下代码在我的Google Chrome浏览器中传输连接的视频源。WebRTC的getUserMedia执行此操作。下面的代码片段用于配置我的外部相机设备的分辨率和帧速率。

function configureVideo()
{
      const video_constraints ={};

      //Create the following keys for Constraint
      video_constraints.video = {};

      //set camera name
      video_constraints.video.deviceId = {};
      video_constraints.video.deviceId.exact = <device_id_comes_here>

      //set resolution Width
      video_constraints.video.width = {};
      video_constraints.video.width.exact = 640;

      //set resolution height
      video_constraints.video.height = 480;
      video_constraints.video.height.exact = streamHeight;

      //set fps
      video_constraints.video.frameRate = 60;
      video_constraints.video.frameRate.exact = streamFps;

      console.log("Selected Contraints is :", video_constraints);

      navigator.mediaDevices.getUserMedia(video_constraints).then(streamCallback).catch(handleError);
}

是的，我成功地从我的外部摄像机设备传输视频。相机提供两种帧格式YUYV和BY8。但是我真的不知道什么帧格式目前流。

是否有任何方法可以在WebRTC中配置我感兴趣的视频帧格式。

Answer 1

回答您的问题“有没有任何方法可以在WebRTC中配置我感兴趣的视频帧格式”答案是否定的...这很令人沮丧！

您必须获取流并将其呈现到画布以获取数据，然后进行转换。。。这主要是由于MediaCapture的功能和帧可能经过的转换（取决于浏览器实现）。您可以使用ImageCapture获得更多相机属性（并将其作为ImageBitmap获得），但目前的支持非常弱。

请阅读下面我的答案，其中深入介绍了MediaCapture和ImageCapture的使用案例，以了解更多信息。

为什么iPad/iOS上的本机相机分辨率-vs-getUserMedia的差异？

当相机自动对焦时拍照