屏幕录制的NaCl代码示例

Question

我正在寻找一个样例代码，使视频的桌面屏幕录制，我已经设法使录制准备与所有的设置准备就绪。

我正在寻找一个简单的代码，使流到视频，如果你有一个例子，我很想看到。

我在这个领域没有任何经验，所以我不确定如何开始。

Answer 1

您可以使用chrome.desktopCapture，桌面捕获应用程序接口，可用于捕获屏幕、单个窗口或选项卡的内容。

请注意，DesktopCapture接口需要权限。当我们访问这个API时。

manifest.json:

"permissions": [
"desktopCapture",
"https://localhost:8000/*"
]

获取对流的访问权限，并发送包含chromeMediaSourceId (streamID)的消息

function requestScreenSharing(port, msg) {
desktopMediaRequestId =
chrome.desktopCapture.chooseDesktopMedia(data_sources, port.sender.tab,
function (streamId) {
msg.type = 'SS_DIALOG_SUCCESS';
msg.streamId = streamId;
port.postMessage(msg);
});
}

if (event.data.type && (event.data.type === 'SS_DIALOG_SUCCESS')) {
startScreenStreamFrom(event.data.streamId);
}

function startScreenStreamFrom(streamId) {
navigator.webkitGetUserMedia({
video: {
mandatory: {
chromeMediaSource: 'desktop',
chromeMediaSourceId: streamId,
// ...
}
}
},
// successCallback
function(screenStream) {
videoElement = document.getElementById('video');
videoElement.src = URL.createObjectURL(screenStream);
videoElement.play();
}

有关Chrome desktopCapture的更多信息，请访问以下链接：https://github.com/wpp/ScreenStream