我有這個代碼每秒從相機/音頻中捕獲/記錄視頻$(function () { var handleSuccess = function(stream) { var player = document.querySelector("#vid-user"); var guestPlayer = document.querySelector("#vid-guest"); player.srcObject = stream; console.log("Starting media recording") var options = {mimeType: 'video/webm'}; var mediaRecorder = new MediaRecorder(stream, options); mediaRecorder.ondataavailable = function(e) { console.log("Data available") if (e.data.size > 0) { // How do I display the captured video to the guestPlayer ? } } mediaRecorder.start(1000); }; navigator.mediaDevices.getUserMedia({ audio: true, video: true }) .then(handleSuccess)})這里的問題是如何將捕獲的視頻顯示給guestPlayer我正在這樣做以測試捕獲的數(shù)據(jù),因為該 webm 塊e.data將被上傳到服務(wù)器。e.data包含_data: Blobsize: 26009type: "video/webm"__proto__: Blobsize: (...)type: (...)slice: ? slice()stream: ? stream()text: ? text()arrayBuffer: ? arrayBuffer()constructor: ? Blob()Symbol(Symbol.toStringTag): "Blob"get size: ? size()get type: ? type()__proto__: Object
將捕獲的視頻塊渲染到視頻畫布
阿晨1998
2022-06-09 10:24:08