Tutorial Reproductor de Audio Flash.

Aqui les dejamos un nuevo tuto de flash, ahora crearemos un reproductor de audio totalmente hecho en flash mediante dibujo de vectores y ActionScript en Flash MX.

<b>El Script de este tutorial es de <a href="http://www.forocreativo.net/foro/profile.php?mode=viewprofile&u=100261" target="_blank">Webgeri</a> asi que los creditos son de el.</b>

En nuestro escenario creamos nuestro entorno de reproduccion con un minimo de 2 botones (Play, Stop) aunque el script soporta 6(Play, Stop, Retroceder, Avanzar, Volumen+ Volumen-). Para que el reproductor funsione debemos tener todos los archivos .mp3 a reproducir de manera seriada (cancion1.mp3, cancion2.mp3, cancion3.mp3...) en la misma carpeta que nuestra pelicula, aunque se pueden meter todos en un subdirectorio (ejemp: ...mp3/)

Ya teniendo dibujado nuestro entorno, con los respectivos botones procedemos a importar nuestros archivos que queremos que se reproduzcan, lo haremos utilizando el siguiente script en el fotograma donde quieres que se comienze a reproducir el siguiente script:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->stopAllSounds();

i=20;

a=1

_root.musica1=new Sound(this);

_root.musica1.loadSound("mp3/cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

_root.musica1.onSoundComplete = function() {

if (a<5) {

a=a+1;

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

} else {

a=1

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

}

}

stop();<!--c2--></div><!--ec2-->

Esto hace que cargue los mp3 de manera secuencial. Ahora seguimos aplicando el siguiente script al boton play:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->on (release) {

stopAllSounds();

_root.musica1=new Sound(this);

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

_root.musica1.onSoundComplete = function() {

if (a<5) {

a=a+1;

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

} else {

a=1

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

}



}

} <!--c2--></div><!--ec2-->

Al boton de estop el siguiente:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->on (release) {

stopAllSounds();

} <!--c2--></div><!--ec2-->

Al boton anterior:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->on (release) {

stopAllSounds();

if (a>1) {

a=a-1;

_root.musica1=new Sound(this);

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

} else {

a=5

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

}

_root.musica1.onSoundComplete = function() {

if (a>1) {

a=a-1;

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

} else {

a=5

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

}

}

}<!--c2--></div><!--ec2-->

Al boton siguiente:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->on (release) {

stopAllSounds();

if (a<5) {

a=a+1;

_root.musica1=new Sound(this);

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

} else {

a=1

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

}

_root.musica1.onSoundComplete = function() {

if (a<5) {

a=a+1;

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

} else {

a=1

_root.musica1.loadSound("cancion"+a+".mp3", true);

_root.musica1.setVolume(i);

}

}

} <!--c2--></div><!--ec2-->

Al boton subir volumen:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->

on (release) {

i+=10;

_root.musica1.setVolume(i);

} <!--c2--></div><!--ec2-->
Al boton bajar volumen
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->on (release) {

if (i>0){

i-=10;

_root.musica1.setVolume(i);

}

} <!--c2--></div><!--ec2-->

Con esto podemos incrustar un reproductor OnLine para nuestro sitio. Repito este Script es de Webgeri.

Saludos :wink:

 

te aplaudo man yo soy nuevo y me esta gustando mucho la pagina!!

 

ahora si que te as aventado un super tutorial compadre

PDT. dijiste audicity !!! :cry:

 

Hay varios buenos tutoriales de hace un tiempo atras y veo que cuando aparece un usuario con paciencia para buscar no solo lo del dia nos lo recuerda , muy buen tuto

 

Si que es bueno kitsch :wink:

La verdad es que hay tan buenos tutoriales y tan poco tiempo... , al final creo que vas a tener que ponernos un examen al mes Jorge para que estudiemos dia a dia :mrgreen:

 

<!--QuoteBegin-kahlito+--><div class='quotetop'>CITA(kahlito)</div><div class='quotemain'><!--QuoteEBegin-->Si que es bueno kitsch &nbsp;:wink: &nbsp;

La verdad es que hay tan buenos tutoriales y tan poco tiempo... , al final creo que vas a tener que ponernos un examen al mes Jorge para que estudiemos dia a dia &nbsp;:mrgreen:<!--QuoteEnd--></div><!--QuoteEEnd-->

Jaja, buena idea vere como implementar esa idea

 

que bueno kitsh, mil gracias yo lo habia hecho de una forma mas cutrecilla cargaba los sonidos en diferentes frames e iba pasando de un frame a otro, con este codigo solo utilizare 1 y me quitare peso de archivo.

 

chevre lo habia provado primero nome salio pero tenia q cambiar todas las propeidades del mp3 jeeee asi q y ame salio chevre exelente

 

oye se parece a uno que habia hecho hace tiempo... pero este tiene volumen y los botones de siguiente y atras. de todas formas es complementario, el que habia hecho yo tiene una precarga, una ventana para los segundos transcurridos y otra para mostrar el nombre de la cancion y su artista. se complementan muy bien! puede quedar un completisimo reproductor de mp3.



<a href="http://www.forocreativo.net/ipb/index.php?showtopic=12004" target="_blank">http://www.forocreativo.net/ipb/index.php?showtopic=12004</a>

(ver al final del post)

 

En un rato, hago una fusion de ambos

 

esa es la actitud :vale:

 

Hola. Resulta que voy a hacer una pagina para un festival de musica y quisiera poner un reproductor como el que hay en esta pagina (por cierto escuchad la musica de esta banda, son muy buenos)

<a href="http://www.diabloswing.com/" target="_blank">http://www.diabloswing.com/</a>

No tengo ni idea de flash. ¿Me seria muy dificil hacerlo?¿Hay que hacer la pagina entera con flash o solo el reproductor?¿Como se utiliza este script?
¿Hay otras opciones?
Gracias

 

hola a todos, yo soy nuevo en esto y este tutorial lo he hecho de cabo a rabo y funciono todo muy bien por eso les doy las gracias.

alguno de ustedes me puede decir cual es el codigo para el boton de pausa ? se los voy a agradecer mucho, saludos

 

Barba, bienvenido al foro