Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks Tutorials
& Resources
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : zHome > Free Resources > Flash Tutorials & Resources > Sound On/Off Button   

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
Demonstration
Download the .fla

Next you need to create 2 Movie clips.
  • For sound
  • For buttons
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,

    gotoAndStop(1);

  • In frame3 insert the following code,

    gotoAndPlay(1);
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 press ctrl+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!


Flash Website Templates

EntheosWeb Blog

Flash Photo Galleries

New Flash CS5 Tutorials

Peeling Sticker Effect in Flash

Cool Lighting Effects in Flash

Static Image Animation in Flash

Checkboard Transition Effect in Flash

Particles in Flash

Using Video in Flash

Creating an Animated Banner in Flash

Featured Template
Template Number: 20552
Type: FLASH SITE 8
Price: $68