search

twilio / twilio-video.js

Twilio’s Programmable Video JavaScript SDK
https://www.twilio.com/docs/video/javascript
Other
571 stars 217 forks source link

getUserMedia is not supported Error #1083

Closed snigdho991 closed 4 years ago

snigdho991 commented 4 years ago

Code to reproduce the issue:

Expected behavior:

It is expected to view my current status via webcam. Website link- https://videochat.roaringbangladesh.com/

Actual behavior:

On Chrome webcam isn't opened and give the following error:

Unable to connect to Room: getUserMedia is not supported

Along with:

2020-07-03 01:08:16.172Z | WARN in [createLocalTracks #1]: Call to getUserMedia failed: Error: getUserMedia is not supported at _getUserMedia (app.js:57211) at getUserMediaPromise (app.js:57193) at new Promise (<anonymous>) at Object.getUserMedia (app.js:57192) at Object.createLocalTracks (app.js:50842) at getLocalTracks (app.js:56361) at onCreate (app.js:58680) at CancelablePromise.Object.defineProperty.value (app.js:50630) at new Promise (<anonymous>) at new CancelablePromise (app.js:50629)

And On Internet Explorer, webcam is opened but give the following error:

Unable to connect to Room: Media connection failed

Software versions:

TravBradfield commented 4 years ago

I am having the exact same problem.

I'm using Ionic/Angular. All works fine on Android browsers and desktop browsers. Problem arises on non-Safari iOS browsers (Firefox & Chrome on iPhone & iPad).

Software versions:

Browser(s): [iOS Chrome, iOS Firefox, iPadOS Chrome, iPadOS Firefox] Operating System: [iOS, iPadOS] twilio-video.js: [yes] Third-party libraries: [@Ionic/Angular]

makarandp0 commented 4 years ago

Hello @snigdho991 and @TravBradfield - Thank you for writing about your issue.

@snigdho991, I clicked on your app link, and did see video capture working fine (on chrome/MacOS). getUserMedia could fail for lot of reasons. Please refer to some of the common errors and their causes documented here: https://www.twilio.com/docs/video/build-js-video-application-recommendations-and-best-practices#media-errors

Which version of internet explorer do you see this error on? Perhaps it does not support getUsermedia or it could be that the access it blocked at system level by window. You can confirm that its not specific to twilio-video by checking sample @ https://webrtc.github.io/samples/src/content/getusermedia/gum/

@TravBradfield - In your case, I think it's expected. iOS does not allow media access to browsers others that Safari.

Let me know if that answers your questions, Thanks, Makarand

snigdho991 commented 4 years ago

@makarandp0 You are right. I was testing my application on the localhost. That's why this error was occurred. When I host the app in a live server and logged in to with another device it's running smoothly. Thanks for your response. Another thing, when the video call starts, my camera doesn't rotate. That means it doesn't look like a mirror. Rather than it gives an anti-mirror view. Can you please help me to solve the problem ?

zoink commented 4 years ago

@snigdho991 on the

snigdho991 commented 4 years ago

@snigdho991 on the element use transform: scaleX(-1) for CSS

Excellent. Thank you.

snigdho991 commented 4 years ago

I have been facing another problem. I have recently added mute audio and disable video feature. Everything works fine except when localParticipant disable his camera the screeen gets blank/nill. But on the other end, other users of the room don't see the blank/nill background. Instead of they can see the freezing image of the localparticipant user. That means, local participant end works fine but on the other participants end, the video freezes. Can anyone of here please help me to figure out the problem ? Or should I open a new issue ? Thanks in advance.

manjeshbhargav commented 4 years ago

@snigdho991 Pleas open a new issue so that we can track the discussion better. I will close this issue since your questions have been answered.

zoink commented 4 years ago

@snigdho991 idk if theres a new issue created yet, but you need to detect one of the track disabled/unpublished/unsubscribed events and display a local avatar instead

i have more details about how i'm doing mute/disable video here https://github.com/twilio/twilio-video.js/issues/656

imrohangaur commented 1 year ago

I am using twillio-video for my react Native app, and I am getting the same error that, getUserMedia is not supported What could be solution for this?