WebRTC屏幕+录音解决方案?

时间:2016-07-29 07:25:01

标签: javascript webrtc audio-recording screen-recording recordrtc

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

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

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

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

record-RTC中,我认为它录制的是音频和视频,而不是网页。我发现another one正在录制网页。此外,它非常不稳定和滞后加上对服务器部分的节省在各地都非常不清楚。我相信,即使它录制音频,它也不会记录整个音频,音频传出和传入(从教师的角度来看)。

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

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

1 个答案:

答案 0 :(得分:2)

您可以尝试使用NOT_only开源的Chrome screen-recording扩展程序,但它也能够在选项卡上记录您的麦克风以及所有音频:(requires chrome >= 53

即。你可以在一个标签上记录整个会议;但是只有标签的可见部分。

  

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

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

您也可以查看此演示:

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

结论:

  1. 音频+标签捕捉API允许您从所选标签的可见部分录制所有内容;即所有可见视频,仪表板,所有聊天活动,以及最重要的是来自该标签的所有音频。

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

  3. 不支持多音频曲目,也不多视频曲目录制(通过MediaRecorder API)。