scottgchin/delta5_race_timer

Safari on iOS speech support

PaulWieland opened this issue · 3 comments

For some reason the speech doesn't work in Safari on iOS devices. I believe this can be fixed since https://responsivevoice.org works in Safari.

Cuxx commented

It's a safari related problem. Sounds are working with Chrome.

iOS needs a user interaction to allow speech.
I don't know why e.g. the play-button in the settings not work, but i have found a workaround:

Open src/delta5server/templates/layout.html.
After {% block content %}{% endblock %} add the following code in a new line:
<a href="#" onclick="speak('<div class=timer>Ready</div>');">Allow iOS Speech</a><br /><br />

You must click on "Allow iOS Speech" first, than speech works :)

Cool. I'll try it out when I get a chance. It's an iOS issue where the user has to interface with the page before sound is allowed to play.