H  15  16.1  16.2  17  18  19  20  21  22  23 

Hands-On: Flash MX 2004 Working with Sound File

Exercise 22: Music On/Off Buttons inside a Movie Clip

  1. Create and then save a new document as musicOnOffButton.fla .
  2. Set the movies Frames Per Second rate to 20fps .
  3. Import a WAV sound file to the Library named french.wav .
  4. Create a new Movie Clip [ Ctrl ] + [ F8 ] and name it music .
  5. Drag the sound file from the Library onto the stage of the music Movie Clip.
  6. Specify the sound Effect: setting to Fade-In when it starts.
  7. Set the Sync: to Start and then set it to Loop .
  8. Select frame 20 and then press [ F6 ] to add a keyframe.
  9. In the Properties Inspector find Sound: and then select the french.wav file you added to the Stage from the drop-down listing.
  10. From the Sync: choose Stop .
  11. Rename the first layer as Audio .
  12. Lock this layer.
  13. Create a new layer and rename it to Actions .
  14. In the first frame of the Actions layer press [ F9 ] to open the Actions panel.
  15. Add a Stop Action by typing stop(); and then close the Actions panel.
  16. Lock the Action Layer.
  17. Add a new layer and then rename it to Labels .
  18. Select the first keyframe of this layer and then in the Properties Inspector rename the Frame Label music on but don't add any quotations, and then hit the [ Enter ] key.
  19. Select frame 20 of this layer and then press [ F6 ] to add a keyframe.
  20. In the Properties Inspector name this Frame Label music off don't add any quotations, and then hit the [ Enter ] key.
  21. Add a few blank frames to each row in the timeline [ F5 ] so you can see the frame labels on the timeline.
  22. Lock the labels layer.
  23. Insert a new layer and then name it buttons .
  24. Return to frame one of the timeline.
  25. Open the Common Library .
  26. Open the Playback Folder.
  27. Select the Gel Stop Button.
  28. Drag it onto the stage and align to the middle of the Stage.
  29. Select frame 20 of the buttons layer and then press [ F7 ] to add a blank keyframe.
  30. Select the Gel Right button from the Common Library.
  31. Drag it onto the stage and align to the middle of the Stage.
  32. Return to frame one of the buttons layer.
  33. Click once on the Stop Button in frame one and then press [ F9 ] to reopen the Actions panel.
  34. Choose Global Functions > Movie Clip Control > ON > choose Release .
  35. Click after the opening curly brace { and then hit [ Enter ].
  36. Choose Global Functions > Timeline Control > gotoAndStop() and type with double-quotes "music off" . This must be spelled exactly the same as the frame label.
  37. Move to Frame 20 , click once on the Play Button and then press [ F9 ] to open the Actions panel.
  38. Choose Global Functions > Movie Clip Control > ON > choose Release .
  39. Click after the opening curly brace { and then hit [ Enter ].
  40. Choose Global Functions > Timeline Control > gotoAndStop() and type with double-quotes "music on" . This must be spelled exactly the same as the frame label.
  41. You are finally done working on the Movie Clip called music, now return to Scene 1 and drag a copy of the music Movie Clip onto the Stage anywhere you'd like it to be.
  42. Click on the sound file french.wav in the Library and then at the bottom of the Library panel, click on the ( i ) icon to open the Properties for the french.wav sound file.
  43. Change the compression setting to MP3.
  44. Change the bit rate to 32Bit.
  45. Take off the checkmark for Preprocessing: Convert stereo to mono, so you can hear the music in Stereo .
  46. Test your movie by hitting [ Ctrl ] + [ Enter ].
  • The music fades in as soon as the page loads, but there is a stop button to halt the sound. Click the OFF button and the button turns into an ON button to replay the music from the start.

You can download this sound file for the exercise.

http://profal2.com/cis127/pdf/assets/flash/french.wav
Back to Top