视频元素的Mozcapturestream停止音频输出的使用

Question

在视频标签上调用Mozcapturestream API导致停止音频输出

OS：Windows 10（x64） 浏览器：Mozilla Firefox 100.0.2（64位）

Answer 1

这是 bug 1178751 ，Firefox确实销毁了AudioSink，从原始媒​​体元素中销毁了AudioSink Mediastream。

他们仍在研究（7年后），希望他们有一天会修复它，并停止前缀capturestream（）。

直到今天到来，您可以使用AudioContext播放MediaStream的音频：

const vid = document.querySelector("video");
vid.onplay = (evt) => {
  const stream = vid.captureStream ? vid.captureStream() : vid.mozCaptureStreamUntilEnded();
  console.log(stream);
  if (!vid.captureStream) {
    const ctx = new AudioContext();
    const dest = ctx.createMediaStreamSource(stream);
    dest.connect(ctx.destination);
  }
};

<video src="https://upload.wikimedia.org/wikipedia/commons/2/22/Volcano_Lava_Sample.webm" crossorigin controls autoplay></video>