getUserMediaのビデオクオリティを設定する方法は何ですか?

getUserMediaのビデオ品質を設定するには、必要なパラメータを指定するためにMediaTrackConstraintsオブジェクトを使用できます。以下は、ビデオの幅と高さの最大値および最小値を設定する方法を示すサンプルコードです。

navigator.mediaDevices.getUserMedia({
  video: {
    width: { min: 640, ideal: 1280, max: 1920 },
    height: { min: 480, ideal: 720, max: 1080 }
  }
})
.then(function(stream) {
  // 处理视频流
})
.catch(function(error) {
  console.log('访问摄像头失败: ', error);
});

コード内のwidthとheight属性は、ビデオの最小、理想、および最大の幅と高さをそれぞれ指定しています。実際のニーズに合わせて調整することができます。

実際に返されるビデオストリームは指定された厳密なパラメーターを満たすことができない場合があります、特にモバイルデバイスでは。そのため、画質と解像度を設定する際に範囲値を使用することをお勧めします。

bannerAds