Audio Issue with HTML5

May 22, 2014

When I publish to HTML5 and view the HTML5 output on my laptop browsers the audio doesn't play.  When viewing in Safari the audio will play after I click the pause button and then click play again.  From then on the audio plays fine.  But I have to do that first or no audio.  In Firefox this trick doesn't work.  The audio doesn't play at all.

7 Replies
Ashley Terwilliger-Pollard

Hi Andrew,

When viewing the HTML5 output on your desktop/laptop we'd recommend Google Chrome as that browser tends to handle HTML5 output better. When you mention Safari, is that on your iPad or while viewing on your desktop/laptop? Is that the built in play/pause button or a custom one you've set up? How is the audio set up to play - based on just the timeline starting or a particular trigger? 

Ashley Terwilliger-Pollard

Hi Andrew,

Are you able to try it on Google Chrome - or can you share a .story file (even just one slide) here that I could take a look at? Also, did you add a trigger to play it when the timeline starts - or the audio is just added to the slide and it's timeline starts the same time as the slide's timeline? Just want to be clear I'm understanding your set up. 

Andrew Probert

Ok, so I was going to upload a file, but now its working.  The audio is playing normally.  I don't know why.  I didn't change anything.  And no, I'm not able to use Chrome.  I do notice some other little bugs with html playback.  Hover states are a little off.  The hover area isn't always where it should be in HTML5 output.  I think for now I'll just stay away from using the HTML5 output until its a more reliable.  I understand everyone is still adjusting to HTML5.  I do think it will be nice though when it is more standard because it allows greater styling and customization of the final product.  Thanks again for your help Ashley.

Ashley Terwilliger-Pollard

Hi Andrew,

I'm happy to hear things are back to normal, and thanks for the update. In regards to the HTML5 output, you may want to review some of the (newer) tutorials here on optimizing content for HTML5 delivery - but if you're accessing the courses from your desktop/laptop instead of a mobile device I'd suggest to stick with the Flash content for consistency. 

Doug Thom

apparently this is still the case. I have an iPad Air and lessons created in html5. There can be no audio, then I tap the Pause button until it pauses, tap Play and the audio is then fine. Very strange and it doesn't make a good impression on the students.  I don't know if this has been solved somewhere, I am just starting my search.

Ashley Terwilliger-Pollard

Hi Doug,

This thread is a bit older, so I'm not sure if it's the same issue as you're running into or if you're using the same set up as mentioned above. So I would want to start fresh in terms of understanding:

  • What update and version of Storyline are you publishing your course with? You'll want to look at using the latest update, and Storyline 2 is on Update 7. 
  • What iOS are you running on your iPad air? I would again recommend using the latest update of iOS 9.0.2
  • Where are you hosting the published output? Are you hosting it in the LMS or Web server? If it's in an LMS, you may want to look at testing it out at SCORM Cloud which is an industry standard for testing LMS content and you can review a troubleshooting article here which will walk you through the steps to upload and test there. 
  • Are you viewing the content in the HTML5 output in Safari or using the Articulate Mobile player? 
  • Is the audio set to start immediately in the course or later in the slides? 

If you'd like us to take a look at your file, we're happy to and you can post it here using the "add attachment" button.

This discussion is closed. You can start a new discussion or contact Articulate Support.