How to use HTMLMediaElement.srcObject = stream

Question

I've been scouring the web and S/O for answers as to why the following code does not work, but so far no dice. It is supposed to simply stream the user's video and audio. I am viewing it in 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>

tonyxforce · Accepted Answer · 2022-03-20 11:59:04Z

4

try adding autoplay="true" in the video tag

answered Mar 20, 2022 at 11:59

tonyxforce

451 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

shman613 · Accepted Answer · 2020-04-19 18:59:09Z

Ok, so the issue -- figured out with some fiddling from the example here (https://webrtc.github.io/samples/src/content/getusermedia/gum/) -- is that I had to put an autoplay attribute in the html video tag.

Doug Sillars · Accepted Answer · 2020-04-19 18:52:26Z

give this a 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; }); }

this one runs for me in Chrome

Nope. Also doesn't work for me, even though I know it's not an issue with either my computer or WebRTC implementation, because webrtc.github.io/samples/src/content/getusermedia/gum works.

Collectives™ on Stack Overflow

How to use HTMLMediaElement.srcObject = stream

3 Answers 3

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Linked

Related