react-webcam icon indicating copy to clipboard operation
react-webcam copied to clipboard

The webcam is not displayed in debug mode on IOS

Open MaxNicks opened this issue 3 years ago • 6 comments

Hello!

There was a problem with the fact that in debug mode when connecting an IOS device, the webcam is simply not displayed. At the same time, everything works well from the computer. Has anyone come across a similar one?

MaxNicks avatar Jul 31 '21 09:07 MaxNicks

Are you testing on localhost(http://)? Make sure you are using https

heyman333 avatar Aug 03 '21 18:08 heyman333

Hi.. I've faced same issue. I'm using this library for react web app. camera is working perfectly on Android devices. But in IOS devices not showing camera and can not recording. any one know to solve this? & how to debug this.?

akesh-1997 avatar Sep 06 '21 09:09 akesh-1997

Facing the same issue, doesn't work in iOS. Tried granting the permissions even, didn't work.

errorinc0de avatar Oct 06 '21 08:10 errorinc0de

Can someone explain the debug mode? I can successfully connect three different iPhone versions to my Mac and debug via Safari. This has never been an issue. Is this the debug mode being referred to here?

mozmorris avatar Oct 12 '21 14:10 mozmorris

Hi, i've faced same issue, on android with Chrome and Firefox its work well, but on iOS i've try using Firefox, Chrome and Safari the permission already popup and im granted it, and the light indicator to open cam is turn on. I've try to scan a barcode and got the return value, but why it is not showing the camera image on the page. Anyone know to fix this ?

rakhahidayat avatar Mar 23 '22 01:03 rakhahidayat

If you are testing on localhost, make sure you have the Allow Media Capture on Insecure Sites enabled. It's located at the top lefthand corner of the Web inspector. Once the option is checked, reload the page.

theelbowclaps avatar Jun 14 '22 03:06 theelbowclaps