javascript - 使用javascript屏幕录制浏览器窗口

Question

我正在开发 app这基本上是一个可以嵌入交互式模拟的绘图应用程序。

我正在尝试在网站本身中添加录制屏幕和音频的选项，以便教师可以在线创建类(class)。实现这一目标的最佳方法是什么？我在互联网上搜索了很多，发现recordRTC by Muaz Khan是一个非常不错的选择。但我是个菜鸟，我觉得其中有太多选择，我不确定哪个是最适合我的选择。

我还阅读了有关 webRTC 的信息。是否可以使用它进行屏幕录制？我不介意使用 chrome 扩展，只要我应该可以选择用它来记录页面的特定部分。请帮忙....

Answer 1

截止2018年5月，您可以在获取屏幕视频流火狐使用:

let constraints = {
  video: {
    mediaSource: "screen"
  }
};

navigator.mediaDevices.getUserMedia(constraints)
  .then(mediaStream => {
    // do something with mediaStream now
  });

但是，这实际上并没有记录屏幕。你需要自己建立一种方法来做到这一点。一种方法是使用 WebRTC 将您获得的视频发送到后端并在那里录制。

至于其他浏览器:

Chrome 不支持 原生获取屏幕媒体。您必须构建一个扩展并要求您的用户安装它。这不是很难做到。

Edge & safari 应该支持它，但我还没有尝试过。