捕获 HTML5 流并提取音频以进行回放

【问题标题】：Capturing HTML5 Stream and Extracting Audio for Replay捕获 HTML5 流并提取音频以进行回放
【发布时间】：2020-03-26 14:07:46
【问题描述】：

我有一个这样的元素：

<video data-html5-video="" preload="metadata" src="blob:SRC-URL">

src-url 是视频的实时流。是否有可能获取正在播放的视频，仅捕获音频并流式传输音频？（当然，音频会稍微落后于视频，但我可以接受）。

【问题讨论】：

【解决方案1】：

是的，只需使用元素的capture stream。

const videoEl = document.querySelector('video');
const stream = videoEl.captureStream();

从那里，您可以使用 MediaRecorder 或任何其他可以处理 MediaStream 的东西。

【讨论】：

如果该元素存在于另一个网页上怎么办？我想看看我是否可以从另一个网页捕获流并获取音频。
@efxgamer 这是一个完全不同的问题......你应该问一个单独的问题。简短的回答是，你不能从一个页面。您通常无法记录跨域的内容。您可以改用浏览器扩展程序中的选项卡捕获 API。