Fade volumen

Mauri1 · #1 (**permalink**) 19/12/2004, 06:11

Hola.
Acabo de ver una página en la que cuando se apretaba el botón "Sound off", el volumen iba bajando progresivamente, como un efecto fade en una imagen. Lo mismo ocurría cuando se pulsaba "Sound on", el volumen iba aumentando hasta llegar a 100%.
¿ Cómo se hace ?

goc00 · #2 (**permalink**) 19/12/2004, 12:06

Saludos...

Yo tengo un ejemplo de fade-in fade-off que puedo enviarte... envíame un mail o algo para que pueda mandártelo.

pcMan · #3 (**permalink**) 19/12/2004, 12:46

Que tal,

Puedes hacer algo como esto:
1- Importar un sonido (.mp3, .wav, etc) a la biblioteca y, en la opción de "Vinculación" ponerle como nombre de ID "sonido".
2- Crear 2 botones y asignarles como nombres de instancia "iniciar_btn" y "detener_btn".
3- En las acciones del primer fotograma pones el siguiente código:

Código:

// creamos el objeto sound al iniciar y agregamos un sonido de la biblioteca
_snd = new Sound();
_snd.attachSound("sonido");

// aumento/decremento al hacer fade-in o fade-out
c = 3;

// acciones para el boton "detener_btn"
detener_btn.onRelease = function() {
	iniciar_btn.enabled = true;
	this.enabled = false;
	trace("fade-out iniciado");
	onEnterFrame = function () {
		_snd.setVolume(_snd.getVolume()-c);
		trace(_snd.getVolume());
		if (_snd.getVolume()<=0) {
			delete this.onEnterFrame;
			_snd.stop();
			trace("fade-out terminado");
			trace("sonido detenido");
		}
	};
};

// acciones para el boton "iniciar_btn"
iniciar_btn.onRelease = function() {
	detener_btn.enabled = true;
	this.enabled = false;
	_snd.start();
	if (_snd.getVolume() == 100) {
		_snd.setVolume(0);
	}
	trace("sonido iniciado");
	trace("fade-in iniciado");
	onEnterFrame = function () {
		_snd.setVolume(_snd.getVolume()+c);
		trace(_snd.getVolume());
		if (_snd.getVolume()>=100) {
			delete this.onEnterFrame;
			trace("fade-in terminado");
		}
	};
};

4- Probar la película.

Saludos ;)

AEM · #4 (**permalink**) 19/12/2004, 23:55

goc00 me podrias pasar el ejmplo al mail?, me interesa el tema, gracias.

mi mail es [email protected]

goc00 · #5 (**permalink**) 20/12/2004, 00:10

Saludos...

Ahí te lo envie.

Mauri1 · #6 (**permalink**) 20/12/2004, 17:13

goc00 aquí está mi email

[email protected]

Gracias

Mauri1 · #7 (**permalink**) 20/12/2004, 17:14

Gracias pcMan, luego te cuento

goc00 · #8 (**permalink**) 20/12/2004, 17:34

Saludos...

Ahí te envié el .fla

AEM · #9 (**permalink**) 20/12/2004, 18:22

Gracias Goc00.

txiripindo · #10 (**permalink**) 12/01/2005, 06:17

Hola, muy buen código PcMan, me ha servido de gran ayuda.

Y mientras lo estaba adaptando a mi pelicula, he visto un posible mejora, espero poder contribuir y que no te moleste...

Es al activar el Fade in, que hay una línea que detecta si el volumen está al 100% y en ese caso lo pone a cero para hacer el efecto. Pues como la mayor parte de las veces el sonido se pone a más del 100% no funciona. Sería mejor poner en vez de igual a 100, igual o mayor que 100.

Quedaría así el código del segundo botón, el cambio está en la línea 6 del código.

Código:

// acciones para el boton "iniciar_btn"
iniciar_btn.onRelease = function() {
	detener_btn.enabled = true;
	this.enabled = false;
	_snd.start();
	if (_snd.getVolume() >= 100) {
		_snd.setVolume(0);
	}
	trace("sonido iniciado");
	trace("fade-in iniciado");
	onEnterFrame = function () {
		_snd.setVolume(_snd.getVolume()+c);
		trace(_snd.getVolume());
		if (_snd.getVolume()>=100) {
			delete this.onEnterFrame;
			trace("fade-in terminado");
		}
	};
};

Gracias otra vez por este código tan sencillo y útil.
Un saludo,
Alvaro