Inspiring

Answered

Fade out mp3

19 replies
2141 views
Translate

HTML5 canvas how do I do that so I fade out with single mp3 sound.createjs

How to

This topic is closed to new replies. Start a new post to keep the conversation going.

kgladCorrect answer

Community Expert

I have this at the beginning of the frame of the slideshow:

createjs.Sound.on("fileload", handleFileLoad1);
createjs.Sound.registerSound("music1.mp3", "MySound1");

function handleFileLoad1()
{
createjs.Sound.play("MySound1");
}

but now several frames ahead I want to fade out the sound because I don't want a button. How do I do that?

assign a reference to your sound (when it's created) and start the fade when you want.

JoãoCésar17023019

Community Expert

Hi.

Just adding that you can also use the Tween class to fade a sound. Like this:

var sound;

this.yourButton.on("click", function()
{
	if (sound)
		sound.stop();
	
	sound = createjs.Sound.play("YourSoundLinkage");
	createjs.Tween.get(sound).wait(2000).to({ volume: 0 }, 350);
}, this);

Regards,

JC

Translate

kglad

Community Expert

this.s.addEventListener("click",f.bind(this));
this.fadeOut = fadeOutF.bind(this);


function f(){
	this.sound = createjs.Sound.play("soundID");
	this.addEventListener("tick", this.fadeOut);
}

function fadeOutF(){
	this.sound.volume -= .02;
	if(this.sound.volume <= 0){
		this.removeEventListener("tick", this.fadeOut);
	}
}

Translate

P

peorAuthor

Inspiring

Thank you for helping me show code examples. Now I can add it to my slideshow.

Translate

kglad

Community Expert

you're welcome.

Translate

kglad

Community Expert

start a loop (eg, tick) and adjust the sound's volume in the listener function.

Translate

P

peorAuthor

Inspiring

Can you show me an example with code how I do it.

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.