Flash Sound On/Off
Button
In this tutorial you will learn how to create a simple Flash music
on and off button using Flash actionscript. Fla download is also
included.
This tutorial starts with the music on. On clicking the button music
goes off (as seen in the demo). You can start the music again at
any point during the movie.
STEPS TO FOLLOW
To start with, make 2 buttons. 1 for
ON and another, for
OFF
Next you need to create 2 Movie clips.
Okay let's start with the Sound Movie clip
- Create three keyframes.
- Insert stop action to all the keyframes.
- Insert your music into frame1.
NOTE: Keep the loop count of
your music fairly an high value and the sync should be at event.
- In frame2 insert the following code,
- In frame3 insert the following code,
Now you are through with your Sound Movie clip.
Next, Lets start with the Button Movie clip
- Create 2 keyframes.
- Insert stop actions to both the keyframes.
- Insert OFF button into frame1.
- Select your OFF button and insert the following code,
on (release) {
tellTarget ("../music") {
stopAllSounds();
}
}
on (release) {
nextFrame();
} |
- Insert ON button into frame2.
- Select your ON button and insert the following code,
on (release) {
tellTarget ("../music") {
nextFrame();
}
}
on (release) {
prevFrame();
} |
- Insert your Sound Movie clip into your movie and name it "music"
in your instance panel.
- Insert your Button Movie clip into your movie.
- Now pressctrl+enter
to play your movie.
Download the .fla
This resource is part of the Entheos Free Resources section. These resources & tutorials cover Corel Draw Tutorials, CSS Tutorials, Flash Tutorials, Fireworks Tutorials and Effects, Dreamweaver Tutorials, Design Ideas & Inspiration, Photoshop Effects & Web Design Tutorials.
No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.
Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!
Join us on Facebook to keep updated with all the latest tutorials and web design freebies from EntheosWeb!