Join Paul Trani for an in-depth discussion in this video Adding audio to buttons, part of Creating a First Web Site with Flash Professional CS5.
It's important to provide users with feedback to interactions that they…perform on your site.…That's what I want to do with these buttons when the user rolls over a button,…I want to play just a quick rollover sound effect and then also when they click,…I want to play a click sound.…All right, so the first thing I need to do is import those sounds.…So, I am going to File > Import, and I can Import to Stage.…Notice that if I do Import to Library, it's going to do that same thing as well.…
I'll select rollover.wav. Again,…it could be an MP3 or other sound format so that imports that file.…Let's go to File > Import > Import to Stage again, and I'll select this…click.wav as well and click Open.…Like I just mentioned, it does import them right into the Library as you can see.…There is this click sound.…Let's play it.…(Click, click, click)…And again it's going to be fairly subtle.…Then near the bottom here I have this rollover WAV, so I'll click.…
(Music plays)…So, that's the rollover sound that I want.…
- Understanding web design
- Creating buttons and web graphics in Photoshop
- Formatting text with the Text Layout Framework
- Using the Timeline
- Creating a custom looping animation
- Loading images in a gallery
- Creating invisible buttons
- Adding music and video to a site
- Customizing video playback controls
- Optimizing and publishing a web site
Skill Level Beginner
Q: I followed all the steps and suggestions in the "Adding a progress bar" video, but when I add the progress bar to my web site, I can’t remove it once the index.swf file loads up. The progress bar remains on the homepage and the rest of the pages. How do I make it disappear once the site loads?
A: To make it disappear, just make sure the progress bar is only in frame 1. If it’s on its own layer, then right-click on the 2nd frame in that same layer and select "Insert Blank Keyframe." That will make it disappear.
Q: Despite following the steps in the "Adding a progress bar" video, I cannot figure out how to keep the progress bar from appearing on a movie that has finished loading. How can I make the progress bar disappear?
A: Just add the red line below to the preloader.fla file. This will make the progress bar invisible: