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!!!