Twilio-video.js: Call to getUserMedia failed (React + video)

[CarlosUvaSilva]

i'm trying to implement a React App with video chat,

when i'm connecting to a room I get a "Call to getUserMedia failed" error but the error's message comes back empty so i don't really understand what's my problem.

this is my code:

Twilio.connect(token, { name: `room0`, logLevel: 'debug' }).then(function (room) {
      function attachParticipantTracks(participant, container) {
        var tracks = Array.from(participant.tracks.values());
      }
    });

thanks for any help

[manjeshbhargav]

@CarlosUvaSilva ,

Thanks for writing in. I'm assuming from the image that you've attached that you're running the app on Mac OS using Chrome. Let me know if that indeed is the case. Also, are you serving your app on a locahost server?

This post gives more information about the error you're seeing.

Thanks,

Manjesh Malavalli
Video JavaScript Team

[CarlosUvaSilva]

Hello @manjeshbhargav
Yes, i'm using Chrome with MacOS, and yes i'm "hosting" locally

[manjeshbhargav]

Hi @CarlosUvaSilva ,

Thanks for the clarification. Is it possible for you to publish your app somewhere (ex: Heroku) so that I can play around with it?

Thanks,

Manjesh Malavalli
Video JavaScript Team

[CarlosUvaSilva]

@manjeshbhargav hello, i fixed the problem now. thanks for the help

[nafisahmedkhan9]

Can you please tell me was the problem you face indetail. i am also getting same error

[joshuapinter]

For anybody else, it was likely a insecure issue. getUserMedia throws an error unless the URL uses HTTPS or it's localhost.

Read more about it and some solutions here.

[razinazam]

@manjeshbhargav hello, i fixed the problem now. thanks for the help

Kindly tell me How to resolve the problem ?
Thank!

[manjeshbhargav]

Hi @razinazam ,

Please see this comment for more details.

Thanks,

Manjesh Malavalli
JSDK Team