使用javascript记录浏览器选项卡

Question

是否可以仅使用javascript记录浏览器的当前选项卡而不是其他内容？我不想使用chrome或firefox扩展。 我想做的是主持人想要记录他当前的标签并与他人分享。 如果有可能，最好的方法是什么？

Answer 1

我还没有使用录音机。 但发现这篇文章可能有所帮助。这是一个API。

https://hacks.mozilla.org/2016/04/record-almost-everything-in-the-browser-with-mediarecorder/

Answer 2

有......正在定义的事情：MediaCapture Screen Share API。

这将允许从不同的来源创建MediaStream，例如用户的屏幕，或他们的应用程序窗口之一，或者某些不清楚的“浏览器”。 通过此MediaStream，可以使用MediaRecorder API轻松记录它。

目前，没有任何浏览器真正实现了在那里定义的内容，但是您可以在Firefox中获得一些实验性实现，并且只能从Chrome中的扩展实现。

默认情况下，此API并未真正定义选择当前标签的方法，因此您的用户必须自己从提示中选择此标签。

Live Example that will currently work only in Firefox

强制性代码块能够链接到小提琴，即使此代码暂时不起作用！

navigator.getDisplayMedia({ video: true })
  .then(stream => {
    // we have a stream, we can record it
    const chunks = [];
    const recorder = new MediaRecorder(stream);
    recorder.ondataavailable = e => chunks.push(e.data);
    recorder.onstop = e => exportVid(new Blob(chunks));
    recorder.start();
    // defineWhenWeStopRecorder(recorder)
  }, error => {
    console.log("Unable to acquire screen capture", error);
  });