我想通过浏览器扩展程序记录一个 Firefox 浏览器选项卡，例如 chrome 中的 Screencastify 扩展程序。关于chrome扩展的Recording Session，chrome.tabCaptureAPI用于获取当前活动标签的流，并使用Web-RTC Experiment的RecordRTC.js记录流。同样明智的是，Mozilla Firefox 中是否有任何 API 可以在 Firefox 浏览器中获取选项卡的流。
P.S : 我问的是记录 Firefox 的选项卡，而不是记录屏幕或窗口或通过 cam。
【问题讨论】：
标签： javascript firefox firefox-addon record mediarecorder-api
several privileged apis 可让您将部分窗口或 xul 元素捕获到画布上下文中。然后可以将画布captured 转换为媒体流。
【讨论】：
您可以像这样在 Firefox 中记录标签：
var constraints = { video: { mediaSource: "browser" } };
navigator.mediaDevices.getUserMedia(constraints)
.then(stream => video.srcObject = stream)
.catch(log);
var offset = () => video.srcObject.getVideoTracks()[0].applyConstraints({
mediaSource: "browser",
scrollWithPage: false,
viewportOffsetX: x.value,
viewportOffsetY: y.value
})
.catch(log);
var log = msg => div.innerHTML += "<br>" + msg;<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<span title="This is an experimental API that should not be used in production code."><i class="icon-beaker"> </i></span> <strong>This is an experimental technology</strong><br>Because this technology's specification has not stabilized, check the compatibility table for the proper browsers versions. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.</p>
Capture offset:<br>
<input id="x" min="0" max="500" value="0" oninput="offset()" type="range">
<input id="y" min="0" max="500" value="0" oninput="offset()" type="range"><br>
<video id="video" height="120" width="320" autoplay></video><br>
<div id="div"></div><br>请注意，要让这个 sn-p 在浏览器中工作，您首先必须view this page in https。
然后，出于安全原因，您必须将 ,stacksnippets.net 附加到 about:config 下 media.getusermedia.screensharing.allowed_domains 中的站点列表中，以使其正常工作。
最后，您还必须在 about:config 中将 media.navigator.permission.disabled 设置为 true，因为 Firefox 没有实现选项卡选择器。
在扩展中这些都不是必需的。
在扩展中，您将使用browserWindow 约束来传递您希望捕获的选项卡的外部窗口 ID。
警告：由于固有的安全风险，您可能需要在之后删除
,stacksnippets.net和media.navigator.permission.disabled。 SO 帖子可能会以这种方式窃取您的银行帐户信息，通过 iframe 构建您可能已登录的常见银行网址，只有您（现在是他们！）才能看到，有效地终止跨域限制。不开玩笑！
【讨论】：