Fade out mp3

Forum|Forum|5 years ago
May 3, 2020
3 replies
2081 views

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

How to

This topic has been closed for replies.

Correct answer kglad

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

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);
	}
}

P

peorAuthor

Inspiring

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

kglad

Community Expert

you're welcome.

kglad

Community Expert

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

P

peorAuthor

Inspiring

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

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.

Scanning file for viruses.

This file cannot be downloaded