WebRTC屏幕+录音方案？

Question

我已经查找并浏览了此内容，但还没有找到解决方案。让我解释一下场景。

我正在做一个项目，我必须用whiteboard, video+audio broadcasting + chat 等建立一个虚拟教室，它将是one-to-many broadcast。 "One" 是老师，"many" 是学生。

我正在为此与Opentok 合作，但我的客户因为遇到问题而取消了它。所以，无论如何，我必须从零开始，从零开始，从零开始，所以我就是这样。

现在，一切就绪，我必须记录整个会话。此处的整个会话是指教室（网页）中的活动以及来自所有流的音频，以便可以将其保存在服务器上以供以后播放。

在record-RTC，我相信它是在录制音频和视频，而不是网页。我找到了another one 记录网页的地方。此外，它非常不稳定和滞后，而且保存到服务器部分几乎到处都不清楚。我相信即使它记录了音频，它也不会记录整个音频，如音频输出和输入（从老师的角度来看）。

是否有任何解决方案描述如何记录整个网页以及音频（传出+传入）并将它们合并到一个文件中以将其保存在服务器上？

否则，我可能不得不将坏消息告诉我的客户。

Answer 1

您可以尝试 Chrome 的 screen-recording 扩展程序，它不是仅开源的，但它也能够录制您的麦克风以及标签上的所有音频：(requires chrome >= 53)

• https://github.com/muaz-khan/Chrome-Extensions/tree/master/screen-recording

即您可以在选项卡上记录整个会议；但是只有标签的可见部分。

所选选项卡中的所有音频都将记录在一个 WebM 文件中。

您也可以在网页中实现相同的机制。您的网页将在内部调用/调用 chrome 扩展程序（通过 postMessage API）。

您也可以查看此演示：

• https://www.webrtc-experiment.com/RTCMultiConnection/audio-video-screen-sharing-recording.html

以上演示允许您在单独的 WebM 文件中录制屏幕。

---

结论：

1. Audio+Tab 捕获 API 允许您从选定选项卡的可见部分录制所有内容；即所有可见的视频、仪表板、所有聊天活动，最重要的是该选项卡中的所有音频。

2. AFAIK，MediaRecorder API（还没有）提供任何 API 来将多个音轨录制到单个 WAV/WebM 中。这意味着上面的（音频+标签）选项是目前唯一可用的解决方案。

3. 不支持多音轨，也不多视频轨录制（通过 MediaRecorder API）。