HTML5 background audio

Jul 22, 2015

Has anyone had problems with HTML5 output and no background music playing over all slides? If so I will post simple solution to add this function - hopefully Articulate will add this fix to their software.

5 Replies
Todd Morgan

Here is my work-around:

<audio id= "audio1" autoplay="autoplay" loop="loop" onloadeddata="setHalfVolume()">
<source src="music\music.mp3" type="audio/mp3">
<source src="music\music.ogg" type="audio/ogg">
</audio>
<script>
function setHalfVolume() {
var myAudio = document.getElementById("audio1");
myAudio.volume = 0.05; //Changed this to 0.5 or 50% volume since the function is called Set Half Volume ;)
}
</script>

Place this code just below the <body> tag in the presentation_html5.html file and your music in its own folder.

Note that you can have the audio controls visible by updating the audio tag to be included. The sample above has not controller visible.

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