Как использовать HTMLMediaElement.srcObject = stream - PullRequest
Новая
       36

Как использовать HTMLMediaElement.srcObject = stream

0 голосов
/ 19 апреля 2020

Я искал в Интернете и S / O ответы на вопрос о том, почему следующий код не работает, но до сих пор не играли в кости. Предполагается просто потоковое видео и аудио пользователя. Я просматриваю его в Chrome. 

<html>
<body>
  <video width="400" height="400" id="userVideo"></video>
<script>
var userStream;
if(navigator.mediaDevices.getUserMedia) {
                //both video and audio
                  navigator.mediaDevices.getUserMedia({
                    video: true,
                    audio: true,
                  }, function(stream) {
                      console.log("got the stream");
                      userStream = stream;

                      document.getElementById("userVideo").srcObject = userStream;

                  });
              }
</script>
</body>
</html>

Ответы [ 2 ]

1 голос
/ 19 апреля 2020

Хорошо, так что проблема - выяснилось с некоторой тряпкой из примера здесь (https://webrtc.github.io/samples/src/content/getusermedia/gum/) - заключается в том, что мне пришлось поместить атрибут autoplay в тег видео html.

0 голосов
/ 19 апреля 2020

дайте этому go: 

var userStream;
if(navigator.mediaDevices.getUserMedia) {
   navigator.mediaDevices.getUserMedia({audio: true, video:true}).then(function(stream) {
          console.log("got the stream");
                      userStream = stream;

                 document.getElementById("userVideo").srcObject = userStream;

          });
              }

, этот работает для меня в Chrome

...