js切换摄像头并用webrtc推流

要在 JavaScript 中切换摄像头并使用 WebRTC 推流，您可以使用 MediaDevices.getUserMedia() 方法获取本地媒体流。此方法接受一个对象参数，该对象指定要请求的媒体类型和任何附加约束。

以下是一个例子：

let videoElement = document.querySelector('video');

// 请求获取摄像头和麦克风的媒体流
navigator.mediaDevices.getUserMedia({
    video: true,
    audio: true
})
.then(function(stream) {
    // 将媒体流添加到视频元素中
    videoElement.srcObject = stream;
})
.catch(function(err) {
    console.log("An error occurred: " + err);
});

// 切换前置/后置摄像头
function switchCamera() {
    // 获取当前媒体流的轨道
    let tracks = videoElement.srcObject.getTracks();
    
    // 停止当前的媒体流
    tracks.forEach(function(track) {
        track.stop();
    });
    
    // 获取新的媒体流
    navigator.mediaDevices.getUserMedia({
        video: { facingMode: { exact: "environment" } }
    })
    .then(function(stream) {
        // 将新的媒体流添加到视频元素中
        videoElement.srcObject = stream;
    })
    .catch(function(err) {
        console.log("An error occurred: " + err);
    });
}

接下来，您可以使用 WebRTC 进行推流。要使用 WebRTC 推流，您需要使用 RTCPeerConnection 和 RTCDataChannel API。这些 API 允许您与其他对等方建立点对点连接，并在连接上发送数据流。

以下是一个使用 WebRTC 进行推流的例子：

let videoElement = document.querySelector('video');
let peerConnection = new RTCPeerConnection();

// 添加本地媒体流到 RTCPeerConnection
navigator.mediaDevices.getUserMedia({
    video: true,
    audio: true
})
.then(function(stream) {
    stream.getTracks().forEach(function(track) {
        peerConnection.addTrack(track, stream);
    });
})
.catch(function(err) {
    console.log("An error occurred: " + err);
});

// 建立 WebRTC 连接
peerConnection.createOffer()
.then(function(offer) {
    return peerConnection.setLocalDescription(offer);
})
.then(function() {
    // 发送 offer 给远端对等方
})
.catch(function(err) {
    console.log("An error occurred: " + err);
});

// 接收远端对等方的 answer
peerConnection.ontrack = function(event) {
    // 将远端视频流添加到视频元素中
    videoElement.srcObject = event.streams[0];
};
peerConnection.setRemoteDescription(answer)
.catch(function(err) {
    console.log("An error occurred: " + err);
});

请注意，这只是一个基本示例。您需要进一步定制和配置您的 WebRTC 连接，以确保它适合您的应用程序的需求。