Including a progress meter in your e-learning course is a great way to give learners visual feedback about how far along in the course they are. Progress meters can take many shapes and forms...
Published 6 years ago
Version 1.0
Blog Post
Hi Allison,
I build a project all on one slide to take advantage of the seekbar to show progress. I wanted to give it a 'video' affect. It gives my colleague anxiety to think she may have to edit it someday. When I saw this thread I thought...yay...I can splice it into individual slides and use this progress bar technique. However, it has background music that plays throughout. Has anything changed in SL that allows the ability to play an audio file seamlessly throughout a project?
I build a project all on one slide to take advantage of the seekbar to show progress. I wanted to give it a 'video' affect. It gives my colleague anxiety to think she may have to edit it someday. When I saw this thread I thought...yay...I can splice it into individual slides and use this progress bar technique. However, it has background music that plays throughout. Has anything changed in SL that allows the ability to play an audio file seamlessly throughout a project?
Hi Rachel,
Although SL does not let adding a continuous BG for all slides, there is a way around it. You will need to publish the file and then edit the index_lms_html5 file. You will have to add this small code to this file. The code will link the published course with the background music file.
So here are the steps:
1) Publish the final version of your project.
2) open the folder with published files.
3) look for index_lms_html5
4) open this file using a notepad or notepad++
5) Look for the tag in the code
6) Add this code before the tag
here is the code------
-----------------------------------
var audio = new Audio('bgMusic.mp3');
function bgAudioPlay(){
//alert ("CHK CHK");
audio.play();
audio.volume = 0.1;
}
document.addEventListener("click", function(){
bgAudioPlay();
});
----------------------------------------
8) save the file and close it.
9) Now copy the background sound file in the published folder and rename it to bgMusic.mp3
10) Thats it. You are set to upload it on the LMS.
11) you can tweak the code if you wish. Adjust audio.volume = 0.1 to 0.2 or 0.05 to increase or decrease volume.
Give it a shot. Hope it works for you. If tweaking index_lms_html5 does not work, try adding code in index_lms.
All the best !
Although SL does not let adding a continuous BG for all slides, there is a way around it. You will need to publish the file and then edit the index_lms_html5 file. You will have to add this small code to this file. The code will link the published course with the background music file.
So here are the steps:
1) Publish the final version of your project.
2) open the folder with published files.
3) look for index_lms_html5
4) open this file using a notepad or notepad++
5) Look for the tag in the code
6) Add this code before the tag
here is the code------
-----------------------------------
var audio = new Audio('bgMusic.mp3');
function bgAudioPlay(){
//alert ("CHK CHK");
audio.play();
audio.volume = 0.1;
}
document.addEventListener("click", function(){
bgAudioPlay();
});
----------------------------------------
8) save the file and close it.
9) Now copy the background sound file in the published folder and rename it to bgMusic.mp3
10) Thats it. You are set to upload it on the LMS.
11) you can tweak the code if you wish. Adjust audio.volume = 0.1 to 0.2 or 0.05 to increase or decrease volume.
Give it a shot. Hope it works for you. If tweaking index_lms_html5 does not work, try adding code in index_lms.
All the best !