webtrc 视频通话切换前后置摄像头

最新推荐文章于 2025-01-01 18:01:19 发布

小六路

最新推荐文章于 2025-01-01 18:01:19 发布

阅读量2.8k

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/Lycoris_Red/article/details/121229768

版权

这是一个用于切换前后摄像头的JavaScript函数。通过设置mediaDevices.getUserMedia的约束条件来改变摄像头方向，实现前后置摄像头的切换，并更新视频源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var mediaCamera = 0; //摄像头默认前置0  后置摄像头1


/**
 * 切换摄像头
 */
function changeMediaCamera() {
  // 设置后置摄像头
  var constraints = {
    audio: true,
    video: {
      facingMode: {
        exact: 'environment'
      }
    }
  };
  if (mediaCamera === 0) {
    // 转后置摄像头
    constraints = {
      audio: true,
      video: {
        facingMode: {
          exact: 'environment'
        }
      }
    };
    mediaCamera = 1;
    console.log("转后置摄像头")
  } else {
    // 前置摄像头
    constraints = {
      audio: true,
      video: {
        facingMode: 'user'
      }
    };
    mediaCamera = 0;
    console.log("切换前置摄像头")
  }

  window.navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
    console.log(stream)
    videoInput.srcObject = stream;
    webRtcPeer.peerConnection.getSenders()[1].replaceTrack(stream.getVideoTracks()[0]);
  }).catch(
    function(error) {
      console.error('Failed to get Media Stream!', error);
    }
  );
}