webrtc切换手机摄像头js

要在WebRTC中切换手机摄像头，你可以使用以下JavaScript代码：

// 获取视频轨道对象
const videoTrack = localStream.getVideoTracks()[0];

// 获取所有可用的摄像头设备
navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    // 找到摄像头设备
    const cameraDevices = devices.filter(device => device.kind === 'videoinput');

    // 切换摄像头
    if (cameraDevices.length > 1) {
      const currentDeviceId = videoTrack.getSettings().deviceId;
      const nextDeviceId = cameraDevices.find(device => device.deviceId !== currentDeviceId).deviceId;
      
      // 使用新的设备来替换视频轨道对象
      const constraints = { video: { deviceId: { exact: nextDeviceId } } };
      return navigator.mediaDevices.getUserMedia(constraints);
    } else {
      throw new Error('没有找到多个摄像头设备');
    }
  })
  .then(newStream => {
    // 替换本地流对象
    localStream.removeTrack(videoTrack);
    localStream.addTrack(newStream.getVideoTracks()[0]);

    // 更新视频元素的源
    videoElement.srcObject = localStream;
  })
  .catch(error => {
    console.error('切换摄像头时发生错误:', error);
  });

上述代码假设你已经获取了本地流（`localStream`）和展示视频的元素（`videoElement`）。它会先通过`enumerateDevices`方法获取所有可用的设备，然后根据当前摄像头设备ID找到下一个可用的摄像头设备ID。最后，通过使用新的设备来替换视频轨道对象，并更新视频元素的源。

请注意，此代码仅适用于支持`getUserMedia`和多个摄像头设备的现代浏览器。