[BUG] Splash screen doesn't play video in Safari

[vicwomg]

Describe the bug
Discovered in #293 . Safari fails to play queued video.

To Reproduce
Steps to reproduce the behavior:

1. Launch pikaraoke headless
2. Open splash screen on safari browser
3. Queue up songs
4. Songs do not play. Queue advances without playing.

Expected behavior
Queued should play video in the browser

Platform (please complete the following information):

• OS: Mac / iPhone / iPad
• OS version: Latest
• Browser Safari

Additional context
Also affects ipad and iphone

[honestlai]

You can add Chrome on an amazon Firestick to this list.

I was hoping to be able to sideload chrome on my Firestick, load the splash page, and have it be the front end for the dockerized instance I have running.

The behavior is very similar to the splash page on iOS devices

[vicwomg]

@honestlai Interesting. You're blazing many new trails here. How do you dismiss the interaction prompt on the Firestick? With the remote somehow?

[honestlai]

@honestlai Interesting. You're blazing many new trails here. How do you dismiss the interaction prompt on the Firestick? With the remote somehow?

Yup... there's a quirky add-on I found called Mouse-Toggle that allows you to double click the play button to use the remote as a mouse.

[vicwomg]

Looks like this branch has the fortunate side effect of fixing this issue:
#304

I just tried it on Safari iOS and OSX. Worked as expected. Would be curious for others to try it.

[vicwomg]

#303 gets it working in safari, but iOS gives up on the video after a couple of seconds. The error on the console is:

NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission

Playback works if I add "muted" to the video tag. So it appears as though this is definitely a case of restrictive OS permissions.