Crear Reproductor Mp3 En Flash

Hola que tal a los que visitan mi blog, bueno en esta ocasión les traigo un tutorial de como crear un reproductor de mp3 en Macromedia Flash en vista que la mayoría me preguntaron como hacer uno para su pagina Web, bueno en este tutorial les are un simple demostración de como se hace uno, en si solo es lo básico para que tengan una idea de como hacerlo, ahí les dejo a su creatividad este reproductor funciona con un código action script que también se los dejo para
que lo copien.
1.- Bueno comenzare creare un documento flash con las medidas de un aproximado de 500 de acho x 300 pixeles de alto con un fondo de colore negro, creamos una nueva capa a la cual le pondremos el nombre de script.

2.- Seleccionamos la capa script, presionamos F9 y pegamos el siguiente código action script.

Código Action Script Para Copiar:

//Comienzo De Codigo Action Script -->
function barra_boton_objeto_mascara(barra, btn, objeto, mascara){ mover = false;
_root[barra][btn].onPress = function() {
_root[barra][btn].startDrag(false, 0, 0, 0, _root[barra]._height-_root[barra][btn]._height);
mover = true;};
_root[barra][btn].onRelease = _root[barra][btn].onReleaseOutside=function () {
_root[barra][btn].stopDrag(); mover = false;};
_root[barra][btn].onMouseMove = function() {if (mover) {
_root[objeto]._y = _root[mascara]._y-(_root[barra][btn]._y/(_root[barra]._height-_root[barra][btn]._height))*(_root[objeto]._height-_root[mascara]._height);}};
_root[objeto].setMask([mascara]);} volume = 100;
robney_xml = new XML();
robney_xml.ignoreWhite = true;
robney_xml.onLoad = LeerDatos;
robney_xml.load("lista.xml");
function LeerDatos(DatosCompletos){
if (DatosCompletos){ un_Sonido = new Array(); titulo_sonido = new Array();
lista_audio = new Array();
lista_audio = this.firstChild.childNodes;
lista_total = lista_audio.length;
for (var i = 0; i<lista_total; i++){
un_Sonido.push(lista_audio[i].attributes.lista);
titulo_sonido.push(lista_audio[i].attributes.titulo);
inferior.Lista_de_audio.boton.duplicateMovieClip("boton"+i, i);
inferior.Lista_de_audio["boton"+i]._y = inferior.Lista_de_audio.boton._y+i*int(inferior.Lista_de_audio.boton._height) +i;
inferior.Lista_de_audio["boton"+i].txt = checkDigits(i+1)+". "+titulo_sonido[i];
inferior.Lista_de_audio["boton"+i].cancion_boton.onPress = function(){
click_en_la_lista(this._parent.getDepth()+1);}}if(lista_total > 14){
barra_boton_objeto_mascara("mi_scroll", "btn", "inferior", "mmmm");}
lista_de_sonidos = Math.floor(Math.random() * lista_total)+1; ReproducirSonido();}}
function click_en_la_lista(Robney) {
lista_de_sonidos = Robney; Mi_Sonido.stop(); ReproducirSonido();}
function ReproducirSonido() {
musica = un_Sonido[lista_de_sonidos-1]; if (pausePos>0){
Mi_Sonido.start(pausePos, 0);pausePos = 0;}else{
Mi_Sonido = new Sound();
Mi_Sonido.loadSound(musica, true);
Mi_Sonido.setVolume(100);
Mi_Sonido.setVolume(volume);
Mi_Sonido.onSoundComplete = function(){
lista_de_sonidos = Math.floor(Math.random() * lista_total)+1;ReproducirSonido(); }
barra.track_load.onEnterFrame = function(){
total = this._parent._parent.Mi_Sonido.getBytesTotal();
geladen = this._parent._parent.Mi_Sonido.getBytesLoaded(); if (geladen != total){
this._parent.load_display = Math.round((geladen*100/total))+"% Loaded";
this._xscale = Math.round((geladen*100/total));}else{
this._xscale = 100;display.indicador._visible = 1;
delete this.onEnterFrame;
delete this._parent.load_display; }}}}this.onEnterFrame = function() {
dur = int(Mi_Sonido.duration/1000);
pos = int(Mi_Sonido.position/1000);
playTime = {};
playTime.minutes = int((pos)/60);
playTime.seconds = int((pos)%60);
playTime.total = checkDigits(playTime.minutes)+":"+checkDigits(playTime.seconds);
trackTime = {};
trackTime.minutes = int(dur/60);
trackTime.seconds = int(dur%60);
trackTime.total = checkDigits(trackTime.minutes)+":"+checkDigits(trackTime.seconds);
if (tiempo.load_display == undefined) {
tiempo.display = playTime.total+" - "+trackTime.total;} else {
barra.display = barra.load_display; }
if (barra.trackDrag != true) {
prozent = pos*100/dur;
barra.track_play._xscale = prozent; } };
function checkDigits(toCheck){
return (toCheck<10) ? toCheck="0"+toCheck : toCheck; }
display.btn_play.onRelease = function() {
ReproducirSonido(); };
display.btn_pause.onRelease = function() {
if (pausePos>0){
Mi_Sonido.start(pausePos, 0);
pausePos = 0;}else{
pausePos = Mi_Sonido.position/1000;
Mi_Sonido.stop();}};
display.btn_siguiente.onRelease = function() {
lista_de_sonidos == lista_total ? lista_de_sonidos = 1: lista_de_sonidos++;
Mi_Sonido.stop();
ReproducirSonido(); };
display.btn_atras.onRelease = function() {
lista_de_sonidos == 1 ? lista_de_sonidos = lista_total: lista_de_sonidos--;
Mi_Sonido.stop();
ReproducirSonido();};
function marquesina_titulo() {
titulo.texto_del_titulo.autoSize = true;
i = checkDigits(lista_de_sonidos) +". "+ titulo_sonido[lista_de_sonidos-1]+" ";
titulo.texto_del_titulo.text =
i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i; titulo._x + titulo._width /2 + 8 < mascara_de_marquesina._x ? titulo._x =
mascara_de_marquesina._x : titulo._x--; }
titulo.setMask(mascara_de_marquesina);
setInterval(marquesina_titulo, 40);
//Fin De Codigo Action Script --->


3.- Minimizamos Acciones para luego pasar a crear un nuevo símbolo.

4.- Al cual le pondremos el nombre de display, tipo: Clip de película y aceptar.

5.- Una ves localizados en el clip de película display pasamos a dibujar un rectángulo con un degrado de negro a granate y con un borde personalizado bueno eso es al gusto para dar un simple diseño a nuestro reproductor de mp3.

6.- Bueno ahora pasaremos a bloquear nuestra Capa 1 con el candadito, para luego crear una nueva capa con el nombre de Botones.

7.- Seleccionamos la capa botones y dibujamos nuestro botón play con la herramienta pluma haciendo 3 puntos, para luego convertirlo en botón presionando F8 con el nombre de play.

8.- Nos dirigimos al botón play ya creado en nuestra biblioteca, para luego insertar un fotograma clave en el estado de sobre.

9.- Cambiamos el color del botón del estado Sobre a un color rojo o cualquier otro color que deseas que se diferente al del estado Reposo

10.- Regresamos al Clip de Película display que lo encontramos en nuestra Biblioteca, para luego dibujar nuestro botón play insertando dos rectángulos del mismo tamaño y seleccionar los dos juntos para luego convertirlo en botón presionando F8 y hacer los mismo pasos como el del botón play. ( Guardar el botón con el nombre de Pause )
11.- Creamos nuestros botones siguiente y atrás, para eso solo insertaremos dos textos y lo convertimos en botón a cada uno( seleccionamos el texto y presionamos F8 para convertirlo en botón a cada uno le damos el nombre del texto siguiente y atrás.)
12.- Ahora daremos nombre de instancia a cada uno de nuestros botones creados.

13 Color a cada botón un nombre de instancia.

Botón Play = btn_play
Botón Pause = btn_pause
Botón Siguiente = btn_siguiente
Botón Atrás = btn_atras

14.- Buena ves insertado a todo los botones el nombre de instancia correspondiente pasamos a regresar a la escena 1 en el cual arrastraremos el clip de película display que se encuentra en nuestra biblioteca

15.- Una ves arrastrado el clip de película hacia el fondo de igual forma colocaremos un nombre de distancia a nuestro clip de película display le pondremos nombre de instancia display.

14.- Ahora pasaremos a crear nuestro tiempo, insertamos un texto dinámico de color blanco con el nombre de instancia de tiempo y var: display sombree el clip de película display en la escena 1.

Nombre de Instancia: tiempo
Var: display

15.- Seleccionamos el texto dinámico creado y convertirlo en clip de película con la tecla F8 y con el nombre de tiempo, para luego ponerle un nombre de instancia de tiempo

16.- Perfecto ahora solo nos queda probar si funciona para eso agarramos un blog de notas y agregamos nuestra xml escribiendo este código en el blog de notas


17.- Guardamos el blog de notas con el nombre de lista.xml y en tipo todo los archivos

18.- Editamos la lista.xml con un blog de notas de igual forma, agregare una música que tengo en mi pc lo pegare en el escritorio es la música de Sandoval - A Quien Tu Decidiste Amar copio el nombre del mp3 y lo agrego en la lista.xml de esta manera lista="Sandoval - A Quien Tu Decidiste Amar.mp3" y en titulo pongo el nombre que deseas puede ser el de la misma canción normal cosa que nos quedaría de esta manera.


(OJO EL MP3 Y EL ARCHIVO .FLA TIENEN QUE ESTAR JUNTOS EN EL ESCRITORIO)

19.- Bueno paso a guardar ahora pasare a probar si funciona presiono Control + Enter para probar mi reproductor flash.

20.- Para ver si esta funcionando bien tiene que corre el tiempo como ves en la imagen de arriba, ahora si quieres agregar mas música a tu lista xml solo tienes que hacer copia no mas de esta manera.

VER VIDEO ( Parte 1 )

VER VIDEO ( Parte 2 )

Leer más...

Crear Menu Boton En Flash

Holas a todos, bueno hoy es les traigo un tutorial en cual les enseñare a hacer un botón con hipervínculo en Macromedia flash aplicando action script de una manera sencilla.

1.- Insertamos un rectángulo del color que desees.

2.- Pasamos a escribir un texto encima del rectángulo como ejemplo escribiré Música con un color negro.

3.- Para ahorrarnos trabajo copias el mismo rectángulo y el mismo texto haciendo una selección de los dos a la misma ves luego copiar y pegar( Control + c luego Control + v ), cambiamos el texto a la copiar por el nombre de Google.

4.- Pasamos a crear nuestro primer botón seleccionamos el primer rectángulo y el texto Música y presionamos F8 Nombre: Música Tipo: Botón, de igual forma con el segundo seleccionamos el rectángulo con el texto Google y presionamos F8 tipo: Botón Nombre: Google
5.- En Nuestra Biblioteca vamos a poder apreciar dos botones creados el de Música y el de Google presionamos en el botón Música doble click izquierdo.

6.- Creamos un fotograma clave en el estado de sobre
7.- Cambiamos de color al texto negro por rojo solo en el estado sobre.

8.- Hacemos lo mismo con el boton Google para luego regresar a la Escena 1.

9.- Ahora comenzaremos a trabajar con el código action script para poner los hipervínculos a cada botón, para eso tendremos que crear una capa a la cual le podremos el nombre de scripts.

10.- Seleccionando la capa script presionamos F9 para dirigirnos a acciones y tipeamos el siguiente código:

boton_musica.onRelease = function()
{

getURL("http://www.robney.us","_blank");

}

11.- Para el botón de Google copiamos el mismo código solo cambiamos boton_musica por boton_google y en getURL cambiamos la dirección http://www.robney.us/ por http://www.google.com/

12.- Terminado todo pasamos a minimizar la ventana de acciones y vamos a nuestro plano de trabajo pasamos a seleccionar el botón Música con la herramienta selección. para luego colocar un nombre de instancia, poner en nombre de instancia del botón Música: boton_musica

13.- Bueno hacemos lo mismo con el boton de Google con la diferencia de poner en nombre de instancia boton_google y listo presionamos Control + Enter para ver nuestro trabajo terminado.

((( VER VIDEO )))

Leer más...

Dame El Control P

jajajajajajaja esta animacion me mata de la risa, la miro una y otra ves igual me da risa :p
Las consecuencias de no prestar el control de la tele jijiji

Leer más...

Pedidos Musicales

Holas bueno en esta sección podrás hacer tus pedidos musicales solo tienes que poner el nombre del artista y el nombre de la canción. Ejemplo: Luis Fonsi - Llueve Por Dentro

¿ Como publico mi pedido ?
pues sencillo escribes tu mensaje en la parte de abajo con tu pedido musical respectivo.
Pasas a seleccionar en seleccionar perfil seleccionas: Nombre/URL o también puedes seleccionar Anónimo y si tienes tu cuenta en Google o wordpress puedes seleccionar esa opción.

Si seleccionaste la opción Nombre/URL pasa a poner tu nombre y URL si es necesario.

Luego presionas en publicar comentario.
Si por a o b te sale una ventanita para la verificación de palabras pues pasas a escribir las letras que salen en la imagen.

Leer más...

Genera Trafico Para Tu Web

¿ Como genero mas visitas para mi pagina web ?

Bueno aqui les paso una pagina web donde podras generar visitas para tu pagina web con el sistema de intercambio de links solo tienes que registrarte y visitar las paginas web que te da el sistema de intercambio de links, mientras mas pagina webs visites tu pagina web tambien sera mas vista por los usuarios del programa de intercambio de links.

REGÍSTRATE AQUÍ

Leer más...

Plantilla Web En Fireworks

Hola a todos los usuarios de robney.com.pe bueno en esta ocasión les enseñaré a crear una plantilla en Macromedia Fireworks algo simple con formas predefinidas y degrados, creare una plantilla algo con un estilo gótico o vampirico.

1.-Crear un documento de 800 pixeles de ancho y 600 pixeles de alto le daremos un fondo personalizado de color negro. 2.- Pasamos a dibujar con la forma Rectángulo con chaflán pasamos ah hacer nuestra cabecera de nuestra Web con ese objeto predefinido dándole un degrado de negro a granate con un grosor de borde 2 pixeles, anchura: 770 altura: 150.

3.- Con la Herramienta Rectángulo dibujo nuestro menú izquierdo con un relleno de color negro y un borde de 2 pixeles con un ancho de 200 pixeles y una altura de 250 pixeles.

4.- Dibujos un rectángulo pequeño con las medias de ancho: 200 alto: 40 aplicando degrado de granate a negro y un borde de 2 pixeles, enseguida pasamos acomodar en la cabecera del que será nuestra menú.

5.-Dibujamos un rectángulo mas pequeña para parte inferior de nuestro menú con las medidas de ancho: 198 alto: 15 sin borde de color transparente y de igual forma acomodar en la parte abajo o inferior de nuestro menú.

6.-Ahora pasaremos a crear la parte central de nuestra Web en la cual aplicaremos un rectángulo redondeado con la puntas ligeramente redondeadas con un fondo negro de unas medidas de ancho: 360 alto: 250 borde: 2 pixeles y borde de color granate, pasamos a aplicar un filtro de un iluminado interior con los efectos de: Color: Granate, Altura: 10, Opacidad: 100 %, Suavidad: 25 y Desplazamiento: 0


7.- Bueno regresemos a la cabecera, paso a importar mi imagen Archivo - Importar y lo ubico en una esquina de mi cabecera.

Si Deseas La Misma imagen: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhALPdUEgZ9nyp2ItzWkDqQ_tywuJcaCl_JVpjTo_xcjgG_3PAspzF47GD4wLWtju_eooRSzQgsH3x1OxR9BtUadM39UQS7y0DaxWTET_pknDSyTjLCSwwKGht4Rq7iM88Su3eoHBkX8b19/s400/rob.jpg


8.- Paso a fundir mi imagen correspondiente selecciono primeramente mi imagen luego le doy Comandos - Creativo - Fundir Imagen le doy click en la primera opción luego para no tener problemas le doy clic derecho en la imagen que aplicamos dicho efecto y pasamos a convertirlo en símbolo Tipo: Grafico ahora simplemente pasamos a cortar nuestra imagen luego pasamos a seleccionar nuestra forma predefinida que llegaría ah ser el rectángulo con chaflán, una ves seleccionado el rectángulo chaflán nos dirigimos a Edición - Pegar Dentro.

9.- Por ultimo pasamos a escribir un texto en este caso yo escribiré Dark Robney con la fuente Blackletter689 BT y un tamaño de 130 enseguida le aplicare un filtro de iluminado me dirijo a filtros - Sombrear e iluminar - Iluminado, paso a darle una anchura de 2, Opacidad 65% y una suavidad de 6. para finalizar pasamos a copiar el menú izquierdo hacia el derecho.

VER VIDEO
( Video : Parte 1 )

VER VIDEO
( Video : Parte 2 )

VER VIDEO
( Video : Parte 3 )

Bueno por ahí me dijeron que ponga ponga la plantilla para
descargar, descárgalo de esta dirección url

http://www.robney.us/files/web-gothic.rar

Atte: Robney

Leer más...

Crear Menu En Fireworks

Holas a todos los usuarios de mi web robney.com.pe bueno en esta ocasión les enseñare a trabajar en Fireworks, en el cual crearemos un
menú con botones y zonas interactivas.
Primeramente pasaremos a descargar los objetos con que trabajaremos como fuentes o
imágenes

Imagen Espada: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTyZHSabAT4nBNKLhQGnb85HJoemDe2irjw3OhHE20TZ0gHc2dZ1-6A1sC3gkTbMtDobmTe1g5DzR7TY2OK47Bv7DzW4z6Ut2NPV_m0qfXwmSc7zmkDqW4pgKSRxcuUGLcdLBQS7TzQs1a/s1600-h/espada.jpg
Fuente Prexix: http://www.robney.org/file/prefix.ttf

1.- Abrir Macromedia Fireworks y creamos un nuevo documento con las medidas de 270 pixeles de ancho y 550 pixeles de alto, luego pasamos a importar la imagen que descargamos Archivo – Importar y seleccionamos la imagen espada.jpg
2.- Bueno lo primero que tenemos que hacer es agregar la forma de nuestros botones, para eso pasamos a darle click en el panel de herramientas vector seleccionamos las formas predefinidas manteniendo presionado el botón izquierdo del Mouse para luego escogemos rectángulo redondeado.3.- Pasamos a dibujar el rectángulo redondeado con un fondo negro al lado derecho de la espada, luego pasamos ah agregar un borde de color blanco con un tamaño de punta de 2 pixeles, ancho de botón 170 y un alto de 35 pixeles para hacer los cambios recuerda presionar el puntero negro del panel de herramientas.

4.- Pasamos a escribir Inicio dentro del recuadro del botón, el texto esta escrito con la fuente Prefix.

5.- Pasamos a seleccionar el texto y el rectángulo redondeado para luego copiar y pegar 3
veces luego pasamos a insertar el botón en Inicio, seleccionamos el texto Inicio con el rectángulo redondeado con la tecla shift luego presionas click derecho y convertir en símbolo, escogemos el Tipo Botón.

6.- Pasa a crearse una zona interactiva de color verde claro le damos doble click sobre ella luego nos aparece una nueva ventana con los estados de arriba, sobre, abajo, sobre alto y área activa.

7.- Copiamos el botón del estado Arriba y pegamos en el estado

Sobre y pasamos a cambiar los colores del estado Sobre. Color de fondo de cuadro blanco, borde rojo y texto negro.

8.- Una ves echo el cambio respectivo le damos click en Listo, bueno ahora pasamos ah hacer eso con todos los botones para hacerlo mas rápido seleccionamos el texto y el rectángulo y presionamos la tecla F8.

9.- Terminado todo ahora pasamos a exportar nuestro trabajo Archivo - Exportar en nombre colocamos menu, en la parte inferior vamos a encontrar una
opción que dice colocar imágenes en subcarpetas le damos en activar esa opción para trabajar mas ordenado le damos en examinar y creamos una carpeta llamada imagenes y le damos en abrir y por ultimo en exportar.

VER VIDEO

Leer más...