Aqui viene el tutorial:
Debes tener estos materiales para el curso:
- El programa Adobe (o Macromedia) Flash.
- Una imagen de lo que quieren que sea su reproductor
- Las canciones (en formato mp3)
- paciencia
Crea una carpeta en el escritorio, llamala reproductor
dentro de esta carpeta creen otra carpeta y llamenla mp3
Incluye las canciones que desees poner pero cambiales el nombre por numeros, osea a la primera le llaman 1.mp3, luego 2.mp3, 3.mp3.....
Ahora inicia tu programa de flash.
ponle las dimensiones que quieras (preferiblemente el mismo tamaño que tiene la imagen de fondo)
Espero que sepas ingles ya que mi programa de flash esta en ingles y solo me se los nombres de las cosas en ingles.
Ahora renombra el layer 1 (¿capa 1?) por fondo
en este layer pon la imagen que ya habias creado para el reproductor.
luego crea otro layer y renombralo como botones
lo que haremos ahora es poner un cuadrado sobre el boton de play, asi como cubriendolo, no importa el color (por ahora),
Ahora seleccionaremos el cuadrado que hicimos, hacemos clic derecho, se despliegará un menú, hacemos clic en convertir en simbolo (convert to symbol), luego lo volvemos botón y lo llamamos play.
ahora seleccionamos de nuevo el simbolo play. y en el cuadro de propiedades le ponemos com Instance Name (¿Nombre de instancia?): play_btn, luego tambien en ese mismo cuadro de propiedades le ponemos de color en alpha, a 0%
Volvemos a hacer lo mismo, ponemos el cuadrado sobre el boton de pausa, lo convertimos en simbolo, en boton, con nombre stop, lo seleccionamos y le ponemos de Instance Name: stop_btn, alpha 0%
Volvemos a hacer lo mismo, ponemos el cuadrado sobre el boton de bajar el volumen, lo convertimos en simbolo, en boton, con nombre volMenos, lo seleccionamos y le ponemos de Instance Name: volMenos_btn, alpha 0%
Volvemos a hacer lo mismo, ponemos el cuadrado sobre el boton de subir el volumen, lo convertimos en simbolo, en boton, con nombre volMas, lo seleccionamos y le ponemos de Instance Name: volMas_btn, alpha 0%
ponemos el cuadrado sobre el boton de la cancion anterior, lo convertimos em simbolo, en boton, con nombre previo, lo seleccionamos y le ponemos de Instance Name: prev_btn, alpha 0%
Ahora de nuevo sobre el boton de la siguiente cancion lo convertimos en el simbolo siguiente como boton y le ponemos de nombre de instancia sigu_btn, alpha 0%
... Terminamos con los botones ... !!!
Ahora vamos al cuadro de texto:
ponemos un cuadro de texto en donde quieren que salga el nombre de la cancion: en propiedades le ponen dynamic text (texto dinamico) y como nombre de instancia (Instance name): ide_txt
otro cuadro de texto mas donde va el tiempo transcurrido, lo pones dinamico y como nombre time_txt
y por ultimo un cuadro de texto donde ira el volumen, dinamico y de nombre vol_txt
ahora solo nos queda crear otra capa de nombre codigo
y insertar este codigo:
Código:
stop();
var i:Number = 1;
var v:Number = 40;
var mp3s:Number = 3;
_root.miMp3 = new Sound();
_root.miMp3.loadSound("mp3/"+i+".mp3", true);
_root.miMp3.setVolume(v);
_root.miMp3.onSoundComplete = function() {
i++;
if (i>mp3s) {
i = 1;
}
miMp3.loadSound("mp3/"+i+".mp3", true);
_root.vol.gotoAndStop(v)
};
miMp3.onLoad = function(success:Boolean) {
var totalSeconds:Number = this.position/1000;
var minutes:Number = Math.floor(totalSeconds/60);
var seconds = Math.floor(totalSeconds)%60;
if (seconds<10) {
seconds = "0"+seconds;
}
if (minutes < 10) {
time_txt.text = ("0"+minutes+":"+seconds);
} else if (minutes >=10) {
time_txt.text = (minutes+":"+seconds);
}
};
setInterval(miMp3, "onLoad", 1000);
// lo que viene es para el porcentaje cargado
onEnterFrame = function () {
porcentaje_txt.text = (Math.round((miMp3.getBytesLoaded()/miMp3.getBytesTotal())*100)+"%");
if (Math.round((miMp3.getBytesLoaded()/miMp3.getBytesTotal())*100) == 100) {
porcentaje_txt.text = "100%";
}
};
miMp3.onID3 = function():Void {
ide_txt.text = miMp3.id3.artist+" - "+miMp3.id3.songname;
};
_root.vol_txt.text = "volumen a "+v+"%";
_root.stop_btn.onPress = function() {
miMp3.stop();
miMp3.setVolume(v);
};
_root.play_btn.onPress = function() {
miMp3.start();
miMp3.setVolume(v);
};
_root.prev_btn.onPress = function() {
if (i>1) {
i = i-1;
miMp3.loadSound("mp3/"+i+".mp3", true);
miMp3.setVolume(v);
} else if (i <=3) {
i = 3;
miMp3.loadSound("mp3/"+i+".mp3", true);
miMp3.setVolume(v);
}
};
_root.sigu_btn.onPress = function() {
if (i<3) {
i = i+1;
miMp3.loadSound("mp3/"+i+".mp3", true);
miMp3.setVolume(v);
} else if (i >=3) {
i = 1;
miMp3.loadSound("mp3/"+i+".mp3", true);
miMp3.setVolume(v);
}
};
_root.volMenos_btn.onPress = function() {
if (v>0) {
v = v-5;
miMp3.setVolume(v);
_root.vol.gotoAndStop(v);
_root.vol_txt.text = "volumen a "+v+"%";
}
};
_root.volMas_btn.onPress = function() {
if (v<100) {
v = v+5;
miMp3.setVolume(v);
_root.vol.gotoAndStop(v);
_root.vol_txt.text = "volumen a "+v+"%";
}
};
Y asi termina nuestro tutorial:
Citar
Iniciado por rodojpm
Marcadores