Comunidad de diseño web y desarrollo en internet online

Videotutorial Flash CS3 & CS4: Mp3 Player Básico

Hola Soy Luis María Barranco De Batata Studio y el día de hoy les voy a mostrar como realizar un MP3 player básico desde el diseño hasta el código. Que lo disfruten.

Parte 1: Diseño



Crear un MP3 player básico!!! En esta parte nos dedicaremos exclusivamente al Diseño de la aplicación, fondos, cajas, barras o ecualizador entre otros, para esto ocuparemos las herramientas de flash, como la de rectángulo, transformación libre y selección por mencionar algunas; ocuparemos los paneles para jugar con los gradientes y colores sólidos.






Segunda Parte: Animación



Les dejo la segunda parte de este tutorial donde nos centraremos en la animación de las barras de ecualización, por medio de la “interpolación clásica de movimiento” e “interpolción de forma”, colocaremos etiquetas y stops que nos ayudarán a tener control al momento de programar, las barras tendrán 4 estados:

  • Apagado
  • Reproduciendo
  • Pausado
  • Volver a Repetir


Crearemos el botón de "stop" para parar el audio y prepararemos todo para la parte de programación, es decir, colocaremos nombres de instancia en nuestros Movie Clips para la programación, que la veremos en la tercera Parte.





Tercera Parte: Programación AS3


Crearemos variables para loadear, reconocer el archivo como audio, controlar el play, pausa, stop y más; crearemos una variable de tiempo que nos permitirá poder parar y reiniciar el sonido o que se detenga en un determinado punto. Crearemos los listeners de los botones que nos ayudarán a accionar determinadas funciones y cambios de variables, para esto ocuparemos el “add” y “remove” listeners. Explicare paso a paso el porqué del código y su funcionamiento.




Cuarta Parte: Extras Drag & Drop


Esta es la Cuarta parte, por qué entre comillas, lo considero como un extra ya que es un tutorial de 5 minutos donde les enseño a arrastrar y soltar Movie clips con el mouse una vez que ya publicaron su swf, es decir, que el usuario pueda arrastra en este caso el mp3 player a su antojo y que lo pueda soltar, es el Drag & Drop en AS3. Con esto finalizo este tutorial del mp3.




descarga videos completos y archivos

Saludos!!!

;)

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate