Learn all about inserting and controlling the behavior of audio in Storyline 360. Learn about triggers like mouse over, hover state, and how to trigger background audio when a slide appears.
- [Instructor] Storyline 360 allows you to add various types of media to your projects to really add pizzazz. Things like audio files, video, your own recording or narration if you like. These are the types of things we're going to look at in this chapter, beginning with adding audio to your slides and we're going to do it with our orientation project we've been building, Orientation 0401, from the chapter four folder of your exercise files, if you're catching up and want to have exactly what I have. Notice I added a couple of text boxes or labels to the slider from the previous movie.
But we're going to go to a different scene. Let's click the dropdown for Scenes and go to Local Attractions. In here you can see the very first slide has this fancy graphic for London. We go to the second slide, looks like a couple of photos of some of the historical monuments, like the Marble Arch and Shakespeare Statue in Lester Square. If we continue on, we see some more-- slide 2.2 is where we're going to start. Wouldn't it be cool if every time a learner hovered over one of these photos, they heard a camera clicking.
That's just an example of how we can use audio on a slide. The first thing we need is the audio. I like to bring the audio into the slide first, so it's easier to find when we set up the trigger. You'll see what I mean in a moment. Let's go to the Insert tab. Go to the Audio dropdown because there are two options to choose from. You can grab an audio file that already exists or record your own if you have a mic set up by choosing Record Mic. We want to find the audio file, because I have one for you in the Chapter four folder of your exercise files called Camera.
It's a WAV file. Now you're probably seeing more audio files in this folder than I'm seeing, including MP3 files that we'll get to a little later, but as you can see down below in the bottom right corner when you hover over that, they're number of different audio formats that can be brought into your projects here in Storyline. Camera.WAV, a WAV file, is the one we want. Click Open and all that does is it adds it to the slide, not on top of the slide, but the little speaker icon up here is next to the slide in the bottom left corner.
It also appears on the timeline as audio one. If you're going to use than one audio file, you probably want to label these. Let's double click Audio One and type in "Camera Click", there we go, that's the audio file, you can see the duration very short. Now we want to link it up to our photos by setting up triggers. The photos, if we go to the Marble Arch, and click, you can see down below on the timeline and it's just picture and there's another picture. We really cant' tell the difference between these two, so we need to double click next to Content Placeholder Nine and type in "Marble Arch" so we know which picture is which.
Let's do the same for our statue when we select it. It's the other picture, double click, type in something like "Statue" and enter to lock it in. Now we're ready to set up the trigger. With it already selected here at the statue on the right hand side, let's set up the trigger a different way by going back to the Insert tab, you'll notice Trigger appears up here and selecting it opens up the Trigger Wizard dialogue. Notice my Action says Play Media because it's one of the last things I did, but click the dropdown if you're not seeing that, go to the Media section and select Play Media.
What media is that? Well click the dropdown, notice that we don't have to go looking for the audio file because it's already here, down below because we brought it in ahead of time. Shows up as Camera Click, that's why we relabeled it. Click to select it, it now appears here that Media Camera.WAV will play when the user clicks the statue. That's not exactly what we wanted, it would be better if we simply hovered the mouse over that image, so let's change is from User Clicks by clicking that dropdown to Mouse Hovers Over.
There we go. So when the mouse hovers over the statue, the Camera Click will play and we'll click okay. We'll repeat that for the Marble Arch. That would be cool. Again, we can go right up to Trigger. Yours should say Play Media Now, click the dropdown for What Media, and select it right at the bottom, when the user's mouse hovers over the Marble Arch, click okay. Alright so it's time now to test this out.
We'll preview it by clicking the Preview dropdown and let's preview this slide. Now with media attached, it may take a little bit longer to preview, but there are the images with their special effects coming in from PowerPoint. You may see this link notice that the slide target of this link's not available in preview, that's okay. What we really want to preview is the audio. Just hover over either of the images, and you hear that camera click, just like that.
Close it up knowing that we've added audio to our slide and triggered the audio to play when our mouse hovers over the images. Now another option for audio is to have it playing in the background. Let's go all the way up to our slide dropdown and go to the very first slide in scene one here our welcome slide. Wouldn't it be nice when our learners open up this project and our welcome, they hear some music in the background. That might be an option that you'd like to try. In this case, we just add the audio like we did in the previous movie, but the trigger's going to be different.
Audio from file again. We're going to go to the chapter four folder, easy for you it's in Instrumental, there we go with it selected. This one's an MP3 file. You can see when you hover over it, the size, you can see a little bit more information about the file itself, but when we click Open, it's simply going to be added just like the Camera Click was added to our previous slide. There it is down at the bottom. It's labeled Audio One, look at the duration, much longer. Let's double click and type in "Background Music" or just "Music" if you like and press enter.
Now the trigger. We can go back to the Insert tab or we can just go to the Triggers pane over here and click Create a New Trigger. This opens up the same dialogue, Play Media is already there, what media is that, click the dropdown, it's already there because we brought it in ahead of time and we don't have to go searching for it, Background Music and when the timeline starts, and you can see Four Hour Slide 1.1 . That's actually exactly what we want. As soon as the slide appears, the music will start playing.
Ready to test this out. We'll click the dropdown and we'll preview this slide. Takes a moment for it to appear, it is a larger file, although MP3 files are smaller in size. (upbeat music) Notice the volume button it allows us to adjust all the way down to mute or louder. (upbeat music) We'll close up that preview with the audio selected you may have noticed, there are options appearing under Audio Tools.
With the Options tab selected, you can preview the audio from here without previewing the slide, but you can adjust the initial volume if you wanted to as well. You can see it starts at a medium level. If you want it to start lower and allow the user to bump it up with the speaker icon, they could do that as well. You want to change to a different audio file, you can do it from here, but I think we have exactly what we want, having added audio to a couple of slides here in our project in Storyline 360.
- Opening a project and touring the UI
- Setting up global preferences
- Creating a project from PowerPoint
- Inserting new scenes and adding slides
- Working with slides and text
- Adding animation and transitions
- Using assets and elements
- Working with audio and video
- Measuring the effectiveness of elearning with assessments
- Publishing your project