webrtc 怎么把视频流传输到后端 前端具体怎么操作

Question

// 创建本地视频流
navigator.mediaDevices.getUserMedia({ video: true, audio: false })
  .then(stream => {
    // 获取视频轨道
    const videoTrack = stream.getVideoTracks()[0];

    // 创建RTCPeerConnection对象
    const peerConnection = new RTCPeerConnection();

    // 将视频轨道添加到RTCPeerConnection对象
    peerConnection.addTrack(videoTrack, stream);

    // 创建数据通道
    const dataChannel = peerConnection.createDataChannel('videoStream');

    // 发送视频流数据到后端
    dataChannel.addEventListener('open', () => {
      console.log('Data channel opened');
      const reader = new FileReader();
      reader.onload = function(event) {
        dataChannel.send(event.target.result);
      };
      const videoBlob = new Blob([videoTrack]);
      reader.readAsArrayBuffer(videoBlob);
    });

    // 监听ICE候选事件并发送给对方
    peerConnection.addEventListener('icecandidate', event => {
      if (event.candidate) {
        // 发送ICE候选信息到后端
      }
    });

    // 创建SDP offer并发送给对方
    peerConnection.createOffer()
      .then(offer => {
        // 发送SDP offer到后端
        return peerConnection.setLocalDescription(offer);
      })
      .then(() => {
        // SDP offer发送成功
      })
      .catch(error => {
        console.error('Error creating offer:', error);
      });
  })
  .catch(error => {
    console.error('Error accessing media devices:', error);
  });

这个webrtc 把视频流发送到后端不需要写地址嘛，有没有做过的指点一下

Answer 1

题注具体要实现什么？如果只是将客户端视频流保存可以先在客户端录制成文件在发送到服务器端保存。录制参考下面的

web技术分享| webRTC 媒体流录制_webrtc 录像_anyRTC的博客-CSDN博客 音视频的录制音视频的分为服务端录制和客户端录制，下面主要讲的是利用webrtc进行客户端录制的方式。因为WebRTC 录制音视频流之后，最终是通过 Blob 对象将数据保存成多媒体文件的，Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。要从_webrtc 录像 https://blog.csdn.net/anyRTC/article/details/120196281

2个客户之间点对点视频聊天，不需要发送MediaStream给服务器，服务器只是作为信令交换用