webrtc初探

音视频采集

navigator.getUserMedia(constraints, successCallback, errorCallback);  // 弃用

navigator.mediaDevices.getUserMedia(constraints) .then(successCallback).catch(errorCallback);

// constraints为约束对象
// 只需要视频流，不要音频
{ audio: false, video: true }
// 获取指定宽高，这里需要注意：在改变视频流的宽高时，
// 如果宽高比和采集到的不一样，会直接截掉某部分
{ audio: false, 
      video: { width: 1280, height: 720 } 
}
// 设定理想值、最大值、最小值
{
      audio: true,
      video: {
        width: { min: 1024, ideal: 1280, max: 1920 },
        height: { min: 776, ideal: 720, max: 1080 }
      }
}

{ audio: true, video: { facingMode: "user" } } // 前置
{ audio: true, video: { facingMode: { exact: "environment" } } } // 后置
// 也可以指定设备 id，
// 通过 navigator.mediaDevices.enumerateDevices() 可以获取到支持的设备
{ video: { deviceId: myCameraDeviceId } }

// 视频源为屏幕
{ audio: true, video: {mediaSource: 'screen'} }