HTML5 TTS on iOS Not Working?
When visiting the "Dynamically Call Text-to-Speech" demo page (http://www.oddcast.com/support1/saytext_classic.html) from an iOS device (confirmed with iPads running iOS 9 and iOS 10), a spinning icon appears and the audio is not played. The avatar itself renders fine; it just malfunctions when any of the links on the page are clicked to generate TTS audio. Other demos with static audio work fine. Symptoms appear with Safari, Chrome, and Firefox. We are experiencing the same symptoms with our own avatars on our own pages. Other browsers and operating systems work fine. Is this a known issue, and is there a workaround for iOS devices?
Answer
Alex - the problem is due to the fact that the page is trying to call sayText before the user interacted with the page.
This is prohibited by the mobile browser. If you comment out the sayText calls made in vh_sceneLoaded, then the problem does not occur, and the SitePal character speaks fine on mobile when button is pressed.
That said - we will look into it further to resolve this issue and ensure that a prohibited call to sayText on mobile fails silently and does not prevent future speech.
In revisiting this issue - I'd like to add that the code was revised shortly after this discussion to ensure that attempting to initiate speech on a mobile browser before page is activated will not cause an error.
Customer support service by UserEcho
In revisiting this issue - I'd like to add that the code was revised shortly after this discussion to ensure that attempting to initiate speech on a mobile browser before page is activated will not cause an error.