我正在尝试在我的网站上实现错误报告器。我的目标是用户能够在解决问题时以声音描述问题并记录浏览器选项卡。错误报告将只是一个视频文件,可以通过电子邮件发送给我。
看来提议的navigator.mediaDevices.getDisplayMedia https://w3c.github.io/mediacapture-screen-share/正是我想要的,但似乎没有浏览器实现它,我也没有在路线图上找到任何实现计划。
Use of
var constraints = {video: {'mandatory' {'chromeMediaSource':'screen'}},
audio: true };
navigator.mediaDevices.getUserMedia(constraints)
事实上确实有效,但只有在启动时将命令行标志传递给 Chrome 后才有效。我认为基本上零用户会经历这个麻烦来帮助我提交错误报告。
有其他选择可以实现我的目标吗?
正如您所注意到的,Chrome 和 Firefox 目前实现了一个过时的非官方草案 http://fluffy.github.io/w3c-screen-share/。错误跟踪器getDisplayMedia
在火狐浏览器中是here https://bugzil.la/1321221.
如果有帮助,您不再需要扩展Firefox https://www.mozilla.org/en-US/firefox/channel/desktop/,但你确实需要使用 https (所以你必须先用https打开这个页面 https://stackoverflow.com/questions/41881434/bug-reporter-alternatives-to-getdisplaymedia/41902708#41902708):
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>
但是,请注意独特的与浏览器窗口共享屏幕的安全风险 https://blog.mozilla.org/webrtc/share-browser-windows-entire-screen-sites-trust/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)