I know there have been a few threads on this but I can't seem to find a solution!
I'm creating a project which I need audio for, but I would like the audio to run throughout the whole project and not just restart on each slide. I've tried adding the code that a girl called Emily mentioned a while back and putting the audio into the published folder (
I too can't seem to get any of these methods to work. Is there any simple, step-by-step explanation there for 360? Kind of a SL Background Music for Dummies. You know, just asking for a friend.
Execute JS at the start of those slides to pause the current audio. The java script pause() method halts (pauses) the currently playing audio and is often used together with the play() method.
put it in a folder. Add a blank html page with the file name index.html in the same folder. Create a scene that the user cannot navigate to and on the one slide in the scene, insert a web object. Point to the folder that contains your music and the index.html page. StoryLine will assume that everything in that folder are assets for the web page sot it will import all of them. Publish once. This allows you to see the folder name SL assigns your assets. Now you have a relative link to the file.
If you don't mind users having access to it, add it to your resources tab. Publish, find the folder where your resources are. Now you have the path to create a relative link.
I recently implemented Owen Holt's excellent technique (see 5 months ago above) and it works like a dream for me. I did originally have a couple of problems, but they turned out to be basic errors on my part and so your problem may be quite simple to solve.
Are you able to provide a bit more detail on your issue or, even better, post a copy of your file here, as that would be a big help in solving the problem?
The part that's giving me the most trouble, I think, is the URL link to the mp3 file that I want to play across the course. I also noticed that in the player in Owen's example, he also has a file in the Resources tab that contains his music file. I did not do this, because the subsequent posts from him seem to indicate putting the file in the Resources tab was an additional option, not part of the solution provided in his Articulate 360 tutorial. If that is actually part of the process, I don't know how to do that either ;-).
You are correct in your assumption that you don't need to have the audio file in your Resources tab, but it is a convenient option if you don't mind your users clicking on the Resources tab and having direct access to the audio files. The advantage is that the Resources tab is automatically set up in its own folder (external_files) whenever you publish your SL project to the web and so you don't have to remember to add in the extra folder if you have placed your audio elsewhere.
When you publish your SL project to the web, you should end up with a file structure like this:
If you don't have a Resources tab set up in your Player, you won't have an "external_files" folder.
Having looked at your file and, in particular, your JavaScript, it appears as if you have listed your audio source as the folder location and not the full path, including the file name (note that I don't use SharePoint and so may have missed something here). If that is the case, then you may just need to adjust this to include the full path of your audio.
If you still can't get it to work, what I suggest is to create a new folder in your story_content folder of your published project, such as "audio_files", and place your audio file in there. Then you will need to adjust your JavaScript to something like this:
Hopefully one of the above options will work for you. If not, you may have to wait for assistance from elsewhere. Alternatively, if you want to try adding your audio to the Resources tab, I am happy to assist.
I agree with Ned's assessment that this is probably a URL &/or sharepoint issue. I would either use the resource method or the web object "briefcase" method. You can read more about using a web object to import music (or other files) here: LINK
First, I greatly appreciate your taking the time to respond! I am really looking for the easiest way to do this. I am not a programmer and the other option I saw about creating web objects and other folders and such is a bit daunting. If you can confirm that the option of adding the audio file in the Resources tab somehow, does not required the user to do anything to get the music to play, I'd be interested in getting your help with how to do that.
333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]
CONFIDENTIALITY NOTICE: This transmission (including any attachments) contains information which is confidential and/or subject to the attorney-client or work product privilege, and is intended solely for the recipient(s) identified above. Any interception, copying, distribution, disclosure or other use of this transmission or any information contained in it is strictly prohibited, and may be subject to criminal and civil penalties. If you have received this transmission in error, please immediately reply via e-mail, and then delete the transmission from all forms of storage and destroy all hard copies.
Thanks so much for taking the time to reply! I wish I had your programming skills. I greatly appreciate this workaround; it's just a bit daunting. If there's any way to avoid having to have a URL link for the audio file, I'd be most interested in that solution. Not sure if putting the audio file in the Resources tab solves that but I've indicated to Ned I'd take him up on his offer to help there.
333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]
CONFIDENTIALITY NOTICE: This transmission (including any attachments) contains information which is confidential and/or subject to the attorney-client or work product privilege, and is intended solely for the recipient(s) identified above. Any interception, copying, distribution, disclosure or other use of this transmission or any information contained in it is strictly prohibited, and may be subject to criminal and civil penalties. If you have received this transmission in error, please immediately reply via e-mail, and then delete the transmission from all forms of storage and destroy all hard copies.
333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]
CONFIDENTIALITY NOTICE: This transmission (including any attachments) contains information which is confidential and/or subject to the attorney-client or work product privilege, and is intended solely for the recipient(s) identified above. Any interception, copying, distribution, disclosure or other use of this transmission or any information contained in it is strictly prohibited, and may be subject to criminal and civil penalties. If you have received this transmission in error, please immediately reply via e-mail, and then delete the transmission from all forms of storage and destroy all hard copies.
Add the song to the course resources by clicking Player > Resources > "Add" button > "File" > Browse and then navigate to where your mp3 is currently stored.
53 Replies
You can use javascript to trigger the music. The below link explains it well and there is a sample story file as well.
https://community.articulate.com/discussions/articulate-storyline/background-music-demo
I have used this method and it worked for me.
Here is another way;
http://www.swiftelearningservices.com/how-to-play-background-music-continuously-throughout-the-course-in-articulate-storyline-2/
https://www.youtube.com/watch?v=giW_sabAgSc
Hope this helps.
I don't know what I'm doing wrong but I cannot seem to get any of these methods to work, even after importing my course to my LMS.
What error message do you get?
I too can't seem to get any of these methods to work. Is there any simple, step-by-step explanation there for 360? Kind of a SL Background Music for Dummies. You know, just asking for a friend.
Same here. The steps from Swift (on their page and on the YouTube video that Sanduni referenced above) are for Storyline 2. I have Storyline 360.
Putting javascript in the wordpad of the story file isn't working.
Adding the audio to the master slide isn't working.
Trying to import the whole course as web object into another storyline file that just has one slide of audio isn't working.
HELP! Does anyone have UPDATED steps for Storyline 360?
Hey - did you get any feedback for storyline 360?
Check out my Rise Tutorial on adding music to SL 360.
https://360.articulate.com/review/content/d4a27eb2-7c39-4c34-be85-9c3f9a4c32e0/review
Great explanation as always, Owen!
What if I want the music to play only during a few selected slides? This is because I have videos that launch in between sections.
Execute JS at the start of those slides to pause the current audio.
The java script pause() method halts (pauses) the currently playing audio and is often used together with the play() method.
How did you get/generate a url for your music file?
Several options:
I frequently use these last two options.
Thank you!
I tried option 3 with no luck. I don't understand why Storyline doesn't just have this without us having to resort to elaborate work arounds.
Walk me through the steps you took specifically. If you connect with me on LinkedIn, we can chat there.
Aye carumba. I cannot get this to work.
Hi Dawn,
I recently implemented Owen Holt's excellent technique (see 5 months ago above) and it works like a dream for me. I did originally have a couple of problems, but they turned out to be basic errors on my part and so your problem may be quite simple to solve.
Are you able to provide a bit more detail on your issue or, even better, post a copy of your file here, as that would be a big help in solving the problem?
Hi Ned,
The part that's giving me the most trouble, I think, is the URL link to the mp3 file that I want to play across the course. I also noticed that in the player in Owen's example, he also has a file in the Resources tab that contains his music file. I did not do this, because the subsequent posts from him seem to indicate putting the file in the Resources tab was an additional option, not part of the solution provided in his Articulate 360 tutorial. If that is actually part of the process, I don't know how to do that either ;-).
Hi Dawn,
You are correct in your assumption that you don't need to have the audio file in your Resources tab, but it is a convenient option if you don't mind your users clicking on the Resources tab and having direct access to the audio files. The advantage is that the Resources tab is automatically set up in its own folder (external_files) whenever you publish your SL project to the web and so you don't have to remember to add in the extra folder if you have placed your audio elsewhere.
When you publish your SL project to the web, you should end up with a file structure like this:
If you don't have a Resources tab set up in your Player, you won't have an "external_files" folder.
Having looked at your file and, in particular, your JavaScript, it appears as if you have listed your audio source as the folder location and not the full path, including the file name (note that I don't use SharePoint and so may have missed something here). If that is the case, then you may just need to adjust this to include the full path of your audio.
If you still can't get it to work, what I suggest is to create a new folder in your story_content folder of your published project, such as "audio_files", and place your audio file in there. Then you will need to adjust your JavaScript to something like this:
audio.src="story_content/audio_files/my audio file name.mp3";
Hopefully one of the above options will work for you. If not, you may have to wait for assistance from elsewhere. Alternatively, if you want to try adding your audio to the Resources tab, I am happy to assist.
I agree with Ned's assessment that this is probably a URL &/or sharepoint issue.
I would either use the resource method or the web object "briefcase" method. You can read more about using a web object to import music (or other files) here: LINK
Hi Ned,
First, I greatly appreciate your taking the time to respond! I am really looking for the easiest way to do this. I am not a programmer and the other option I saw about creating web objects and other folders and such is a bit daunting. If you can confirm that the option of adding the audio file in the Resources tab somehow, does not required the user to do anything to get the music to play, I'd be interested in getting your help with how to do that.
Thanks again!
Dawn Horner
Sr. Director, Sales Training
dhorner@coherus.com
333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]
CONFIDENTIALITY NOTICE: This transmission (including any attachments) contains information which is confidential and/or subject to the attorney-client or work product privilege, and is intended solely for the recipient(s) identified above. Any interception, copying, distribution, disclosure or other use of this transmission or any information contained in it is strictly prohibited, and may be subject to criminal and civil penalties. If you have received this transmission in error, please immediately reply via e-mail, and then delete the transmission from all forms of storage and destroy all hard copies.
Hi Owen,
Thanks so much for taking the time to reply! I wish I had your programming skills. I greatly appreciate this workaround; it's just a bit daunting. If there's any way to avoid having to have a URL link for the audio file, I'd be most interested in that solution. Not sure if putting the audio file in the Resources tab solves that but I've indicated to Ned I'd take him up on his offer to help there.
Thanks again!
Dawn Horner
Sr. Director, Sales Training
dhorner@coherus.com
333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]
CONFIDENTIALITY NOTICE: This transmission (including any attachments) contains information which is confidential and/or subject to the attorney-client or work product privilege, and is intended solely for the recipient(s) identified above. Any interception, copying, distribution, disclosure or other use of this transmission or any information contained in it is strictly prohibited, and may be subject to criminal and civil penalties. If you have received this transmission in error, please immediately reply via e-mail, and then delete the transmission from all forms of storage and destroy all hard copies.
Adding the file to the resources tab will give you a clear path to the file.
If you are using the "resources method" the code for "source" in your JavaScript will look like the following:
line.src="story_content/external_files/THE_NAME_OF_YOUR_AUDIO_FILE_GOES_HERE.mp3";
Thank you! The "name of my audio file" is then just the file itself; e.g., mysong.mp3, correct? I don't need to do anything else to the mp3 file?
Dawn Horner
Sr. Director, Sales Training
dhorner@coherus.com
333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]
CONFIDENTIALITY NOTICE: This transmission (including any attachments) contains information which is confidential and/or subject to the attorney-client or work product privilege, and is intended solely for the recipient(s) identified above. Any interception, copying, distribution, disclosure or other use of this transmission or any information contained in it is strictly prohibited, and may be subject to criminal and civil penalties. If you have received this transmission in error, please immediately reply via e-mail, and then delete the transmission from all forms of storage and destroy all hard copies.
Also, where are the rest of the instructions for doing the "Resources Method"? I don't think that's in your 360 tutorial.
Thanks again!
Dawn Horner
Sr. Director, Sales Training
dhorner@coherus.com
333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]
If the name of your file is "mysong.mp3" then the line in your JavaScript code will be:
line.src="story_content/external_files/mysong.mp3";
Add the song to the course resources by clicking Player > Resources > "Add" button > "File" > Browse and then navigate to where your mp3 is currently stored.