lethea / ant-media-react-publish-play-example Goto Github PK

I've published your code on Heroku, and everything seems to work fine.
Except, I'm seeing issues with the Safari browser on iOS 15.

This is the link to the published app -> https://ant-media-react-publish-play.herokuapp.com/

Steps to reproduce:

1. Open the Playernew page using a direct link -> https://ant-media-react-publish-play.herokuapp.com/play
2. Enter the stream id
3. Click on the "Start Playing" button

Expected Result: The stream should play

What happens instead:

1. The stream does not play.
2. Tapping again on the "Start Playing" button shows the "already playing" popup.
3. The console log output is completely normal. The Websocket is connected and all the SDPs and Candidates are properly exchanged. But the stream does not play at all.

Please note that the above steps produce expected results in all the browsers on Windows, Linux, Android, and even Mac.
It fails only on iOS 15 (haven't tried it on iOS 14)

Also note that, on iOS 15, if I open the main page (https://ant-media-react-publish-play.herokuapp.com) and then tap on Play, enter the streamId, and tap the "Start Playing" button, it works perfectly. It fails only when I open the Play page with a direct link.

I have been struggling with this for the past week and wasn't able to make any sense.
Any help would be much appreciated.
Thank you.