Hubs-Foundation / hubs

Duck-themed multi-user virtual spaces in WebVR. Built with A-Frame.
https://hubsfoundation.org
Mozilla Public License 2.0
2.14k stars 1.41k forks source link

live streaming does not work on iOS #4673

Open GodaiAoki opened 3 years ago

GodaiAoki commented 3 years ago

Description Video element delivering live streaming does not work on iOS. I have tested with twitch and youtube live.

To Reproduce Steps to reproduce the behavior:

  1. In the spokes, create a video element and paste the livestreaming URL of its source.
  2. Publish the room and use iOS to enter the room.

Expected behavior live streaming video plays

Screenshots image

Hardware

Additional context -Live streaming is working both Safari(14.1.1) and Chrome(94.0.4606.61) on MacOS(10.15.7) , MS Edge(93.0) on Windows 10. -Video element delivering Youtube (not live streaming) works as expected on iOS Safari.

┆Issue is synchronized with this Jira Task

takahirox commented 3 years ago

Hi, thanks for the bug report.

Do you mind if testing on iOS15 if you can upgrade your iOS or you have other iOS 15 devices because iOS 15 seems more stable than iOS 14? And if the problem is still reproducible on iOS 15 and you can remote debug, would you please share the console warnings/errors with us?

Softvision-RemusDranca commented 3 years ago

I was also able to reproduce this issue using Iphone SE2 Safari 15.

takahirox commented 3 years ago

Thanks.

And I confirmed I can reproduce the problem on my MacOS BigSur 11.6 Safari, but not music panel but static image is displayed. The console error is Unrecognized Content-Security-Policy directive 'worker-src'.

takahirox commented 3 years ago

Ah, wait. On my MacOS somehow the live streaming started after about five minutes. The root issue might be different.

Update: Might be related #2035

takahirox commented 3 years ago

I also tested on iOS 15 Safari. I can reproduce the problem. And the console error is Origin https://hubs.mozilla.com is not allowed by Access-Control-Origin. Looks like CORS error. Wondering why the problem is reproducible only on iOS...

takahirox commented 2 years ago

Can someone test on Safari 15.5 or newer? Safari seems to start to support at least Content Security Policy worker-src from 15.5. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src#browser_compatibility