NaCl Code Beispiel für Bildschirmaufnahme

Question

Ich bin auf der Suche nach einem Beispiel-Code, der ein Video aus einem Desktop-Bildschirm Aufnahme macht, habe ich bereits die Aufnahme fertig mit allen Einstellungen bereit.

Ich bin auf der Suche nach einem einfachen Code, um den Stream zu einem Video zu verwandeln, wenn Sie ein Beispiel haben, das ich gerne sehen würde.

Ich habe keine Erfahrung in diesem Bereich, also bin ich mir nicht sicher, wie ich anfangen soll.

Answer 1

Sie können die Desktop-Capture-API chrome.desktopCapture verwenden, mit der Sie Bildschirminhalte, einzelne Fenster oder Registerkarten erfassen können.

Beachten Sie, dass die DesktopCapture-API eine Berechtigung benötigt. Wie wir Zugriff auf diese API erhalten.

manifest.json:

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

Ruft Zugriff auf den Stream und sendet eine Nachricht, die die chromeMediaSourceId (StreamID) mit

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(); 
} 

Weitere Informationen zu Chrome desktopCapture, folgen Sie bitte die Link: https://github.com/wpp/ScreenStream