在我的用例中，我想记录屏幕活动并将其发送到服务器[非实时]。我为此查看了一些博客/示例演示。但我找不到任何与此相关的内容。我可以找到很多实时流媒体音频/视频，但找不到屏幕录制。
我有以下与此相关的问题，
- 对于这个用例来说，哪一个是高效的 WebRTC/Websockets？
- 浏览器支持 WebRTC/Websockets？
- 还有其他方法可以实现这个用例吗？
我对 WebRTC/Websockets 相当陌生，如果我没有发布足够的信息，请发表评论。我会加。
有人可以帮我解决这个问题吗？任何与此用例相关的参考 URL/任何相关信息都会非常有帮助。
以下是如何在 Firefox 中录制屏幕（Update:尝试一下这把小提琴):
var constraints = { video: { mediaSource: "screen", width: 320, height: 200 } };
var start = ms => navigator.mediaDevices.getUserMedia(constraints)
.then(stream => record(stream, ms)
.then(recording => {
stop(stream);
video.src = link.href = URL.createObjectURL(new Blob(recording));
link.download = "recording.blob";
link.innerHTML = "Download blob";
log("Playing "+ recording[0].type +" recording:");
})
.catch(log).then(() => stop(stream)))
.catch(log);
var record = (stream, ms) => {
var rec = new MediaRecorder(stream), data = [];
rec.ondataavailable = e => data.push(e.data);
rec.start();
log(rec.state + " for "+ (ms / 1000) +" seconds...");
var stopped = new Promise((r, e) => (rec.onstop = r, rec.onerror = e));
return Promise.all([stopped, wait(ms).then(() => rec.stop())])
.then(() => data);
};
var stop = stream => stream.getTracks().forEach(track => track.stop());
var wait = ms => new Promise(resolve => setTimeout(resolve, ms));
var log = msg => div.innerHTML += "<br>" + msg;
<button onclick="start(5000)">Record screen!</button>
<div id="div"></div><br>
<video id="video" height="120" width="160" autoplay></video>
<a id="link"></a>
Warning:在网络上共享您的浏览器窗口涉及安全风险！阅读相关内容here!
获得 Blob 后，您可以使用常规 Web 套接字（未显示）上传它。
The 媒体记录器位也应该在 Chrome 中工作，但不幸的是，屏幕共享仍未完全标准化，并且工作方式不同，并且需要在 Chrome 中进行扩展。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
