{"id":882,"date":"2012-06-13T06:34:54","date_gmt":"2012-06-13T13:34:54","guid":{"rendered":"http:\/\/www.partnersinrhyme.com\/blog\/?p=882"},"modified":"2012-06-16T06:48:27","modified_gmt":"2012-06-16T13:48:27","slug":"flash-audio-creating-a-sound-onoff-button","status":"publish","type":"post","link":"https:\/\/www.partnersinrhyme.com\/blog\/flash-audio-creating-a-sound-onoff-button\/","title":{"rendered":"Flash Audio: Creating a Sound On\/Off Button"},"content":{"rendered":"

This tutorial will teach you how to create a Sound On \/ Off button for the music loop you have just added in the first flash tutorial.
This tutorial is built on top of the the tutorial ‘How To Import And Add Sound To A Movie<\/a>‘ that deals with the basics of importing sounds to Flash. This means that this tutorial assumes that you have a sound loop imported into the library of your movie. With the music loop in your library we can start building a button. <\/p>\n

Go to Insert -> New Symbol or press Ctrl + F8 (Image 1).<\/p>\n

\"on<\/p>\n

Ok, now the dialog box titled ‘Create New Symbol’ appears. Type in the name box ‘SoundOnOffButton’ for type select ‘Button’ and click ‘Ok’. Before clicking the Ok button, you button should look similar to image 2.<\/p>\n

\"sound<\/p>\n

The button appears in the library and you should be now in the editing mode of the button. Take a look at the image 3 so will know what I’m talking about. <\/p>\n

\"sound<\/p>\n

Rename the layer to ‘Speaker Graphic’. As you can suggest, the layer  will display a graphic with a simple speaker. I used the line tool to draw something like this on the image 4. It’s not fancy, I know, but you get the idea. <\/p>\n

\"sound<\/p>\n

With this button, you can go to the main timeline by clicking on the back button above the timeline of the button (Image 5). <\/p>\n

\"sound<\/p>\n

On the main timeline add an additional layer ‘Actions’. Now you should have two layers in the main timeline. The upper one renamed ‘Actions’ and the layer below renamed to ‘Content’. Select the first frame of the layer ‘Content’ and drag the SoundOnOffButton from the library somewhere on the stage. In my sample I placed it on the upper right corner of the Stage (Image 6). When placed on the stage, in the Properties panel, give it an instance name of ‘sound_btn’. To do this, keep the button selected on the stage, open the properties panel (Window -> Properites) and type ‘sound_btn’ in the left text box where it says ‘<Instance Name>’. See image 6.<\/p>\n

\"audio<\/p>\n

The next step you should do is to add a linkage name to your imported sound loop. To do this, open up the library, right click the sound file in select ‘Linkage…’ (Image 7). <\/p>\n

\"soud<\/p>\n

The ‘Linkage Properties’ dialog box appears. Check the option ‘Export for ActionScript’ and in the ‘Identifier’ text box, type in ‘myTrack’. Make sure the dialog box looks similar to image 8 and then click Ok. <\/p>\n

\"sound<\/p>\n

Now select the first frame of the layer Actions and open up the Actions layer (press F9). Type in (or paste) the following lines of code code:<\/p>\n

var mySound:Sound = new Sound();
mySound.attachSound("myTrack");
mySound.start();
var soundStarted:Boolean = true;
sound_btn.onRelease = function() {
    soundStarted = !soundStarted;
    if (soundStarted) {
        this._alpha = 100;
        mySound.start();
    } else {
        this._alpha = 30;
        mySound.stop();
    }
};<\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

This tutorial will teach you how to create a Sound On \/ Off button for the music loop you have just added in the first flash tutorial.This tutorial is built on top of the the tutorial ‘How To Import And Add Sound To A Movie‘ that deals with the basics of importing sounds to Flash. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[27],"tags":[],"_links":{"self":[{"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/posts\/882"}],"collection":[{"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/comments?post=882"}],"version-history":[{"count":3,"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/posts\/882\/revisions"}],"predecessor-version":[{"id":906,"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/posts\/882\/revisions\/906"}],"wp:attachment":[{"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/media?parent=882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/categories?post=882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.partnersinrhyme.com\/blog\/wp-json\/wp\/v2\/tags?post=882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}