javascript - WebRTC getUserMedia() 流显示静态快照而不是视频

Question

我正在尝试在 chrome 扩展“选项”页面中的视频标签中流式传输屏幕(仅用于测试目的)。我有一个选项来选择我想要共享的屏幕。当我选择它时，我确实得到了一个分配给“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 标签未设置为自动播放附加到它的媒体源。

确保将其设置为自动播放，我打赌此后它会正常工作。