javascript - 漏洞报告者 : Alternatives to getDisplayMedia?

Question

我正在尝试在我的网站上实现错误报告程序。我的目标是用户在浏览问题时能够用声音描述问题并记录浏览器选项卡。错误报告将只是一个视频文件，可以通过电子邮件发送给我。

看来提议的navigator.mediaDevices.getDisplayMedia正是我想要的，但似乎没有浏览器实现它，我也没有在路线图上找到任何实现计划。

使用

var constraints = {video: {'mandatory' {'chromeMediaSource':'screen'}},
                   audio: true };
navigator.mediaDevices.getUserMedia(constraints)

确实有效，但只有在启动时将命令行标志传递给 Chrome 之后。我认为基本上零用户会经历这种麻烦来帮我提交错误报告。

是否有其他方法可以实现我的目标？

Answer 1

正如您所注意到的，Chrome 和 Firefox 目前实现了一个过时的 unofficial draft . Firefox 中 getDisplayMedia 的错误跟踪器是 here .

如果有帮助，您不再需要 Firefox 中的扩展，但您确实需要使用 https(因此您必须 open this page in https first ):

var constraints = {video: {mediaSource: "screen", width: 320, height: 200}};

navigator.mediaDevices.getUserMedia(constraints)
  .then(stream => video.srcObject = stream)
  .catch(e => console.log(e.message));

<video id="video" height="240" width="320" autoplay></video>

但是，请注意unique security risks of sharing your screen with a browser window on it .