javascript – WebRTC屏幕录音解决方案？

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

我正在开展一个项目,我必须建立一个带有白板,视频音频广播聊天等的虚拟教室,这将是一对多的广播.这里的“一个”是老师,“很多”是学生.

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

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

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

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

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

解决方法:

您可以尝试Chrome浏览器的屏幕录制扩展程序,它只是开源的,但它也能够在选项卡上录制麦克风和所有音频:(需要chrome> = 53)

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

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

All audios from the selected tab will be recorded in a single WebM file.

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

您也可以查看此演示：

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

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

结论：

>音频选项卡捕获API允许您从所选选项卡的可见部分记录所有内容;即所有可见视频,仪表板,所有聊天活动,以及最重要的是来自该选项卡的所有音频.
> AFAIK,MediaRecorder API(尚未)提供任何API来将多个音轨录制到单个WAV / WebM中.这意味着上面(音频选项卡)选项是目前唯一可用的解决方案.
>不支持多音频轨道或多视频轨道录制(MediaRecorder API).

标签：javascript,webrtc,audio-recording,screen-recording,recordrtc
来源： https://codeday.me/bug/20190702/1353419.html