Not working in Safari, but works perfectly in Chrome + Brave

[mattblank11]

Please follow the general troubleshooting steps first:

• [x] Is your app running over HTTPS? (please provide the URL if possible)
  • Yes! Here's the link
• [x] Have you tried running the demo (https://codepen.io/mozmorris/pen/JLZdoP) on your device?
  • Yes - it doesn't work for me immediately on Safari, but does work on Chrome + Brave (similar to my app)
• [x] Checked the latest "Can I use" compatibility table? (https://caniuse.com/stream)
  • Yes

Bug reports:

Here's a Loom video walking through the bug. The webcam loads, but doesn't show the video all the time in Safari (it displays the video feed ~50% of the time) https://www.loom.com/share/9907e79b06444491bff8a0545fc09e8e

I've tried everything listed in prior issues but nothing seems to be working. I'd really appreciate any help here!

[martincapek]

Hi, same problem so +1

[mozmorris]

@mattblank11 firstly, that's a great issue report - many thanks.

I also have a Mac running the latest Safari and the video always appears.

Can you check the dev tools console to see if there's any error?

[mattblank11]

I don't see an error (and don't remember seeing one when I was troubleshooting a month ago). I also can't replicate the issue, so maybe something fixed on my end? I did get a new M1 MacBook Pro since I last posted this so that could be part of the fix. @martincapek are you seeing an error?

[martincapek]

@mattblank11 sorry for late answer. No I'm not seeing any error, it shows that camera works in URL bar, but camera is blank. Video element is there, but no stream is in.