Featured FLA
» Author: Bugra Ozden
» Title: Skatalog v9 - product catalog
» Description: Create your product catalog easly and publish on your website or Create your image gallery, documents list, portfolio. Fully XML Driven
» More by Bugra Ozden
Featured Site
» Posted in the Flash Kit Links section
» Title: Creative DW Image Show PRO
» Description: Creative DW Image Show PRO is a Dreamweaver extension which enables the user to create multimedia presentations. It combines the features of the popular Creative DW Image Show with the ability to add professional text effects to slides (similar to After Effects). The product is very customizable: the user can choose the duration of the transition effects, the slide motion start and end position, zoom and panning type for both images and texts.
Please note that all the AS used in this tutorial has no copy rights. Feel free to use it where ever you want. And if you think this tutorial was good enough, do link to it. The tutorial, its layout and format, however, is copyright yahya 3d. Also note that this tutorial is for flash mx 6.0, it may not work properly in flash mx 2004 7.0. Lets get started with the tutorial.
1.
First of all... let me tell you that this site has two scenes in it. The fist scene contains the preloader and the second one contains the home page. So create a new file in flash... and add a scene. This is the first step. We will work in the second scene from here on.
2.
Now, obviously enough, you need to import a sound into your library. For that press ctrl+R and select your desired sound file.
3.
After doing so, open your library by pressing F11, locate the sound file, right-click it and select 'Linkage'. Give it a name. In this tutorial we will use the name 'backsound'
4.
Now that your sound file is exported for AS, lets get going with the magic. Goto the first frame, open the action script panel and initiate the sound by writing the following script:
// initiate sound
music = new Sound();
music.attachSound("backsound");
music.start(0, 999999);
5.
We don't want the sound to start abruptly, instead, we want it to fade in slowly. For that, first of all we need to set the volume of the sound to zero.
// set the volume of the sound to zero
music.setVolume(0);
6.
Now we have to create a function that fades in the sound at the start. For the function to work we need to set a couple of variables. You need to have knowledge of them both to understand how it works. Our function for initial fade in goes like this:
// set a variable named 'vol'
vol = 0;
// set another variable named 'fade', putting a setInterval function in it
fade = setInterval(fadeIn, 100);
// set the initial fade in function
function fadeIn() {
// fade the sound in with an increment of 3 in the variable 'vol'
vol += 3;
music.setVolume(vol);
// put an if condition to restrict the increment in volume after it reaches to 100
if (vol>=100) {
clearInterval(fade);
}
}
7.
What happens here is that this function fades the sound in dynamically with an increase of three to the volume which is set to zero. Please note that the increment can be modified accordingly. When the volume reaches to hundered, the interval is cleared. Now we have to create another function... so that our sound can fade in and out according to the even and odd clicks on a single button. So we will write something like this in the AS window:
// function executed on onEnterFrame
_root.onEnterFrame = function() {
// set fade out
if (Fade == 1) {
vol = vol-step;
if (vol<0) {
vol = 0;
}
music.setVolume(vol);
// set fade in
} else {
vol = vol+step;
if (vol>100) {
vol = 100;
}
music.setVolume(vol);
}
};
8.
But there surely is something missing. You can clearly see that the key to this fade in and out function is the use of two variables 'fade' and 'step'. Step is the value you want the sound to fade in and fade out with and 'fade' is the variable that tells the function either to fade the sound in on the very click or fade it out. For this we have to go back to our initial fade in function and add two lines defining the variables. Finally, our first fucntion will look like this:
// set a variable named 'vol'
vol = 0;
// set another variable named 'fade', putting a setInterval function in it
fade = setInterval(fadeIn, 100);
// set the initial fade in function
function fadeIn() {
// fade the sound in with an increment of 3 in the variable 'vol'
vol += 3;
music.setVolume(vol);
// put an if condition to restrict the increment in volume after it reaches to 100
if (vol>=100) {
clearInterval(fade);
// create the 'step' variable
step = 1;
// create the 'fade' variable
Fade = 0;
}
}
Tutorials Home
Tutorials » Audio
Dynamic Sound Fade
