El botón ON/OFF de música más sencillo para flashica
He estado trabajando un poco con flash estos últimos días, y entre otras cosas, he encontrado una forma realmente sencilla de hacer un botón on de apagar y encender la música para un sitio flash (Usando ActionScript 2.0).
Lo haremos en unos sencillos pasos:
Paso uno: Estando situados en el Escenario principal, lo que haremos será importar el sonido. Eso se puede hacer arrastrando el archivo de sonido directamente a la biblioteca de flash. Para el ejemplo, he usado este loop.
Nota: Una vez tenemos el sonido importado, en sus propiedades, si deseamos, podemos variar su calidad para hacer que pese menos en la película final.
Paso dos: Cuando tengamos esto, creamos un nuevo MC vacío (Ctrl+F8). Este MC, por decir un nombre, lo llamaremos “sonido“:
Este MC, tendrá únicamente 2 fotogramas. Para crearlos, usaremos fotogramas clave (F6). Debe quedarnos de esta forma:
Paso tres: Una vez esto, añadiremos al primer fotograma la instancia de “off”, y en el segundo fotograma, le ponemos de instancia “on” (Ver imagen inferior). Imagino que ya puedes imaginarte para que son los 2 fotogramas. Uno representará el estado de “apagado” y el otro de “encendido” de la música.
Paso cuatro: Hacemos dos dibujos que representen estos estados en cada respectivo fotograma:
Fotograma 1:
Fotograma 2:
Nota: Si deseas que el icono representativo del estado sea una animación, inserta un MC con las animaciones que quieras (barras subiendo y bajando, o un espectro de sonido ficticio, etc.) en vez de un dibujo estático. Para el caso usaré un dibujo estático para hacerlo más simple.
Nota 2: De todas formas ten en cuenta que el dibujo mismo actuará como zona activa del botón, por lo que si lo haces invisible, luego no se podrá hacer clic y el inventó se joderá
Ahora es cuando empieza la magia.
Paso cinco: Seleccionamos el fotograma que corresponde a la música encendida (el 2 en nuestro caso), y en el panel propiedades le añadimos el sonido solamente a ese fotograma:
Y le asignamos que haga un loop continuado (esto es a vuestra discreción, según cuantas veces queréis que se reproduzca el sonido):
Paso seis: Perfecto, lo que queda ahora es solo el código, el cual es realmente sencillo. Tanto como esto:
- En los ambos fotogramas de nuestro MC ponemos un: stop();
- Adicionalmente, en el fotograma que corresponde al estado “detenido” (es decir, el 1), lo pondremos un stopAllSounds();
De forma que al final tenemos:
Fotograma 1:
[as]//Fotograma 1
stop();
stopAllSounds();
[/as]
Fotograma 2:
[as]//Fotograma 2
stop();[/as]
Como pueden observar lo que hemos hecho hasta el momento no tiene misterio.
Paso siete: Ahora pongamos la parte de código principal, la que controla el MovieClip desde la escena principal. Nos ubicamos en el directorio raíz de la película (alias root), instanciamos a nuestro MC como “control“:
A continuación, en el fotograma en el que aparece nuestro control de sonido, le ponemos este código.
[as]var estado:Boolean = false
control.onPress = function() {
if(estado) {
control.gotoAndStop(“off”);
estado=false;
} else {
control.gotoAndStop(“on”);
estado=true;
}
}[/as]
Este código va en el fotograma donde estará el MC.
Aquí varios ejemplos:
http://blog.bleend.net/wp-content/uploads/2008/07/sample_1.swf http://blog.bleend.net/wp-content/uploads/2008/07/sample_2.swf
Descargar Archivo fuente originalTags: ActionScript, Background, Básico, Botón, Flash, Loop, Música, Música de fondo, Sencillo, Simple, Sonido
Personal info.
Bleend
Menéame: Bleend
Facebook: Pau de Anguera
Youtube: Keelops
Buenisimo!!!! muchas gracias or compartir!!
muy bueno, solo queda una duda para hacer que la musica se inicie de manera automatica y ya despues manipularla con los botones?
Para que se inicie de forma automática, es tan sencillo como cambiar el orden de los Fotogramas!
Gracia spor tu apote man, pero en el paso siete explicate un poquito mas, me demroe en entenderlo, pero igual Gracias esta bien bye
Hola, gracias por tu tutorial, me sirvió mucho. Solo tengo un pequeño problema. Mi película esta dividida en 3 partes que se navegan a través de botones con simples nombres de instancia en diferentes keyframes. La música suena bien y los botones on off funcionan perfecto, pero cuando navego de una a otra parte de mi película, la música de fondo se duplica y comienza de nuevo cada vez. ¿Tienes alguna solución para esto?
Gracias
Cada vez que entres al fotograma de donde está la música, empezará a sonar. Si tienes el MC en distintas sitios de tu película sonará varias veces. El ejemplo este es sencillo así, pero lo es porque se han evitado todas estas medidas de seguridad. Cuidado.
hola capo queria saber si me podes mandar el .fla del ejemplo 2 al mail que esta muy bueno. gracias!!
Santiago, puedes descargarte el ejemplo desde aquí.
Hola muchas gracias, ando buscando esto precisamente, pero estoy trabajando en flash mx, y descargue el archivito fuente original y al tratar de abrirlo me dio un error y me cierra el programa, esta en otro flash? no sirve para el MX?, te agradezco si me puedes colaborar enviandome una muestra compatible con flash MX con el dibujito de la animacion de las barritas a mi correo.
De verdad muchas gracias
Flash MX?! Esto es como del … 2004.
Deberías pensar en actualizarte.
Hola!! una preguntita!!! sabes hacer listas de reproduccion en Flash Mx?? me podes enseñar lo necesito para mi tesis
Muchas gracias!! besos
Errr… Flash MX es de hace 5 años… Quizás deberías intentar actualizarte… U_U
Ehm…
no es por nada pero si se puede hacer,
http://www.cristalab.com/tutoriales/reproductor-mp3-en-flash-con-mediaplayback-y-list-c25l/
check this…
A ver, yo le dije que se actualizase. No que no se pudiera.
Hola, yo necesito este boton, pero que al navegar no se superponga iniciandose una y otra vez. No quiero que me suceda esto:
“”"…Bleend
December 16, 2008 | 9:25 PM
Cada vez que entres al fotograma de donde está la música, empezará a sonar. Si tienes el MC en distintas sitios de tu película sonará varias veces. El ejemplo este es sencillo así, pero lo es porque se han evitado todas estas medidas de seguridad. Cuidado….”
Tenes la solucion, u otra programacion para que no se superponga? Por favor… lo necesito!
Gracias!!!!!!!!!!!!!
Sería cosa de tener todo dentro de un Fotograma, y en otra capa en el mismo nivel, poner (en un solo fotograma también) el MC del “reproductor”. Pero eso será complicado si tienes tu película muy avanzada.
nunca dices donde va colocado el archivo mp3 que tenemos en la biblioteca.
la parte 7 no se entiende nada, utilizo el mismo flash que tu y existe algo que no entiendo, no deberia existir en este reproductor un archivo xml para invocar el disco mp3, pero realmente esta muy interesante por esta bien guiado el tutorial pero solo no se explica bien ese ultimo paso 7
Gracias por este tutorial …realmente esta muy bien explicado
te tengo una consulta estoy trabajando en flash cs4 y resulta que necesito en el mismo pantallazo publicar varios botones de musica como el de este tutorial, he cambiado instancias y nombres pero al reunirlos en un mismo archivo y publicarlo solo se reproduce 1 … me podrias colaborar con algun dato sobre que debo hacer…
mil gracias
@Martha: Lo que podrías hacer es en cada fotograma del MC poner un sonido distinto, y en vez de hacer un botón On/OFF, ponjer varios que vayan a cada fotograma.
Muchas gracias me pareció un tutorial muy bueno y secillo de aplicar…..
AGRADEZCO TU APORTACIÓN, MUY ÚTIL
Hola man, sabes hice tal cual como esta, y tratando de adivinar lo del paso 7, pero me sale error en stopAllSounds(); del fotorgrama 1, el cual dice Lamado a un metodo stopAllSounds(); posiblemente no definido, espero me puedas ayudar, gracias de antemano
Jorge, eso tiene pinta que estás trabajando con ActionScript 3, el ejemplo aquí mostrado es de AS2
Me mega ayudo este flash.Thanks. Las instrucciones son exactas.
genial!!!!
Es muy Sencillo, creas tu sonido en un movie clip aparte, y en la pelicula principal creas un MC vacion, dentro del primer Frame escribis: this.loadMovie(“nombre_del_MC_de_Sonido.swf”);
Y en teoria Ya te va a funcionar!
*******************
Hola, yo necesito este boton, pero que al navegar no se superponga iniciandose una y otra vez. No quiero que me suceda esto:
“””…Bleend
December 16, 2008 | 9:25 PM
Cada vez que entres al fotograma de donde está la música, empezará a sonar. Si tienes el MC en distintas sitios de tu película sonará varias veces. El ejemplo este es sencillo así, pero lo es porque se han evitado todas estas medidas de seguridad. Cuidado….”
Tenes la solucion, u otra programacion para que no se superponga? Por favor… lo necesito!
Gracias!!!!!!!!!!!!!
mira hice lo que tu dices pero aki pero al poner primero el on y despues el off lo que pasa es que cuando lo pauso dura pausado solo unos segundos y despues se ole la musica a eso que se deve
Hola, tengo un problema con el paso 7
no se como ir a root, por mas que señalo todo solo me señala los fotogramas