通过 webrtc 流式传输静态视频文件

Question

我想要完成的是在我的页面上有音频和视频文件。然后通过 webrtc 发送它们。我设法用这样的网络音频 api 来处理音频。 HTML:

  <audio id="audio">
    <source src="../assets/outfoxing.mp3" />
  </audio>

JS:

const audioElement = document.getElementById("audio");
const incomingSource = audioContext.createMediaElementSource(audioElement);

const outgoingStream = audioContext.createMediaStreamDestination();
incomingSource.connect(outgoingStream);
const outgoingTrack = outgoingStream.stream.getAudioTracks()[0];
audioElement.play();
await this.sendTransport.produce({ track: outgoingTrack });

对于 webrtc，我正在使用 mediasoup

现在我想对视频做同样的事情。但是没有像网络视频这样的东西 api 所以我被卡住了。我怎样才能完成这个任务。

Answer 1

有一些限制，但你可以参考这个sample implementation。

它使用 captureStream() method.