WebRTC屏幕+录音解决方案？

Question

我已经抬起头来浏览了这个，但还没有达到解决方案的程度。 让我解释一下这个场景。

我正在开展一个项目，我必须建立一个带有whiteboard, video+audio broadcasting + chat等的虚拟教室，这将是one-to-many broadcast 。 这里的"One"是老师， "many"是学生。

我正在与Opentok合作，但我的客户取消了它，因为他有问题。 所以，无论如何，我不得不从头到尾开始使用零碎的零件，所以我就是这样。

现在，达到了一切准备就绪的一点，我必须记录整个会话。 这里的整个会话意味着教室中的活动（网页）以及来自所有流的音频，以便它可以保存在服务器上以供以后播放。

在record-RTC中 ，我认为它录制的是音频和视频，而不是网页。 我找到了另一个记录网页的地方。 此外，它非常不稳定和滞后加上对服务器部分的节省在各地都非常不清楚。 我相信，即使它录制音频，它也不会记录整个音频，音频传出和传入（从教师的角度来看）。

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

否则，我可能会把坏消息告诉我的客户。

Answer 1

您可以尝试使用NOT_only开源的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 capture API允许您从所选选项卡的可见部分记录所有内容; 即所有可见视频，仪表板，所有聊天活动，以及最重要的是来自该选项卡的所有音频。

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

3. 无论是多音频轨道还是多视频轨道录制都不受支持（通过MediaRecorder API）。