WebRTC getUserMedia() поток, показывающий статический снимок вместо видео

Question

Я пытаюсь передать экран в теге видео на странице расширенных «chrome extension» (только для целей тестирования). Я получаю возможность выбрать экран, который я хотел бы поделиться. когда я его выбираю, я получаю объект stream, который я назначаю «video.src», теперь мой тег видео показывает статическое изображение содержимого.

$(document).on('click', '#screen_share', function() { 
    chrome.desktopCapture.chooseDesktopMedia(["screen", "window"], 
     function(mediaSourceId) {   
      var captureOptions = { 
            audio:false, 
            video: { mandatory: { 
            chromeMediaSource: "desktop", 
            chromeMediaSourceId: mediaSourceId } 
            } 
           }; 
      navigator.webkitGetUserMedia(captureOptions, 
             function(stream) { 
              var video = document.querySelector('video');; 
              video.src = window.URL.createObjectURL(stream); 
             }, 
             function() { 
              console.log("Something wrong happened"); 
             } 
            ); 
     }); 
    }); 

Может ли кто-нибудь сказать мне, где я буду не так?

Answer 1

Я собираюсь сделать снимок в темноте и сказать, что твой трюк video не установлен в autoplay источник мультимедиа, который прикрепляется к нему.

Удостоверьтесь, что он установлен в autoplay, и я уверен, что после этого он будет работать нормально.