Visto 12.386 veces.

AS2 – Audio – Reproductor de mp3 y radio en actionscript (DEPRECATED)

(Reproduce MP3 pero no aac stream actual formato de shoutcast)

Aquí os dejo un reproductor de mp3 y de radio que hice hace tiempo para AS2.0, podeis hacer click en los botones mp3 o radio para reproducir las canciones o la radio shoutcast

Update: 10/07/2012 – Aunque el reproductor es vijecillo y esta echo en as2 he decidido actualizarlo a peticion de algunas personas para incluirle un desplazador de lista en el caso que se incluyan mas de 8 items para poder recorrerlos.

Tener en cuenta que si probáis el listado de radios y no se escuchan es porque dejan de funcionar al cabo de un tiempo, ya sea porque cambian de IP o se cierran, por lo tanto habría que estar renovando la lista cada cierto tiempo.

This movie requires Flash Player 9

.
Descargar ejemplo playerMp3AndRadio.rar - - Descargado (803) veces.
.
En la descarga encontrareis 2 carpetas, la carpeta data contiene los datos de configuración del reproductor y en la carpeta files es donde deben estar las imagenes y las canciones mp3

En la carpeta datos encontramos 3 archivos de texto mp3Config.txt, mp3List.txt y radioList.txt

—————————————————————————————————————
Dentro de mp3Config.txt encontraremos las siguientes variables de configuración
—————————————————————————————————————

&listDefault=radioList
&playAuto=true
volumen=25
&pathMp3List=data/mp3List.txt
&pathRadioList=data/radioList.txt
&showList=true

listDefault: podemos indicarle 2 valores “radioList” o “mp3List” esto hará que el reproductor cargue por defecto la lista de radios o la lista de mp3.
playAuto: Podemos indicarle true o false, si es true empezará a reproducir la música automáticamente al iniciarse de lo contrario tendremos que darle al botón play.
Volumen: Es el volumen por defecto, podemos indicarle entre 0 y 30.
pathMp3List: Dirección de la lista de mp3.
pathRadioList: Dirección de la lista de radio.
showList: Podemos indicarle true o false, si es true la lista aparecerá desplegada al iniciarse.

—————————————————————————————————————
Dentro de mp3List.txt encontraremos lo siguiente
—————————————————————————————————————

&Nobj=1
&nameDate0=Cry For You
&topic0=files/sound/CATCHY054.jpg
&body0=
&pathFile0=files/sound/05 Cry For You.mp3

Nobj: debe contener el total de canciones insertadas en el fichero
nameDate: El titulo de la canción
topic0= La dirección de la portada de la canción
body0
pathFile0: La dirección de la canción

Todas las variables de la primera canción deben acabar en 0 si queremos introducir otra canción duplicaremos las variables y incrementaremos el número final y especificamos el total de canciones, la variable Nobj es la única que no debe duplicarse.

Por ejemplo:
&Nobj=2 //total de canciones, es importante indicar el total de canciones siempre que agreguemos una canción de lo contrario no se mostrara
//Esto sería una canción
&nameDate0=Cry For You
&topic0=files/sound/CATCHY054.jpg
&body0=&G=0
&pathFile0=files/sound/05 Cry For You.mp3
//esto seria la segunda cancion
&nameDate1=mika – relax, take it easy
&topic1=files/sound/mica.jpg
&body1=&G=0
&pathFile1=files/sound/mika – relax, take it easy.mp3&G=0
//Podemos continuar agregando canciones

—————————————————————————————————————
Dentro de radioList.txt encontraremos lo siguiente
—————————————————————————————————————

&Nobj=3
&nameDate0=TechnoBase.FM-24h
&topic0=files/sound/radio.jpg
&body0=128k MP3
&pathFile0=http://78.159.104.174:80/;

El funcionamiento de radioList.txt es el mismo que el de mp3List.txt pero tenemos que tener en cuenta que siempre que agreguemos una dirección de shoutcast debemos indicar al final de la dirección los caracteres barra, punto y coma “/;” ejemplo -> http://78.159.104.174:80/;

—————————————————————————————————————

Finalmente encontramos la carpeta files donde guardaremos las canciones mp3 y las imágenes, el tamaño de las imágenes debe de ser de 114×62
La cosa quizas parece complicada pero cuando descarguéis el fla y abráis los ficheros lo entenderéis enseguida.

Si por alguna razon no funcionara al subirlo en vuestro servidor comprobad que las rutas de los ficheros de configuracion, las imagenes y la musica es la correcta.
En el caso que el reproductor se encuentre en un directorio diferente al de la pagina que lo carga debereis abrir el .fla y cambiar la asignacion de la siguiente variable

var pathFileData:String = “data/mp3Config.txt”;

por una ruta absoluta como aqui

var pathFileData:String = “http://wwww.tudominio.com/otrodirectorio/data/mp3Config.txt”;

51 comments on “AS2 – Audio – Reproductor de mp3 y radio en actionscript (DEPRECATED)

  • No funciona el link de descarga , y e probado realizando como esxplicaste y no funciona , tengo instalado el appserv, la radio que trado de reproducir es rainner.sytes.net:8000

    • Hola, en principio acabo de probar la descarga y funciona puedes probar de introducir en la barra del navegador el link directamente
      http://jvm.bricobit.com/blog/wp-content/uploads/2011/01/playerMp3AndRadio.rar

      Si no funciona la radio comprueba que introduces la direccion tal y como esta en los archivos de texto del ejemplo
      las radio de shoutcast funcionan correctamente, piensa que si lo estas probando en local necesitar dar permisos de seguridad desde la pagina de adobe

      Para asegurarte si funciona simplemente sube el ejemplo sin tocarlo a tu servidor

  • hay forma que puedas enviarme el fla del playermp3andradio.rar
    podrias cargarlo en http://*****.tk

    y otra pregunta como puedo hacer que la imagen refresque cada 30 seg ? tengo hecho la variable que crea el txt y cambia cada 30seg es para ir cambiando de cover artista

  • Hola rainner no entiendo que problema tienes con la descarga del rar el enlace funciona correctamente.

    En cuanto al colver lo prepare para que cambiara cuando cambia de cancion, debes encargarte de especificar en los ficheros txt que covers corresponden a cada cancion. recuerda que si modificas las rutas, a parte de cambiarlas en los ficheros txt debes cambiar la ruta principal del fla.

  • Hola JVM
    me gusta este sistema de comentario como puedo tener en mi pagina?

  • Hola JVM
    fijate por favor en la pagina que te envie y escribeme en messenger para darte mas datos
    Gracias!!

  • Hola JVM, podrias modificar el PlayerMp3AndRadio en la parte que toma imagen del archivo xml que pueda refrescar cada 30 segundos , yo realize un php que cambia el xml cada 30 segundos y carga en el la direccion de una nuevaq imagen, la idea es que cada vez que cambia la cancion emitida en la radio por shoutcast tambien cambie la imagen, todo este proceso ya lo tengo resuelto con el php y crea el xml cada 30 seg.

  • Hola rainer, la modificación es sencilla
    abre el PlayerMp3AndRadio.fla y remplaza el siguiente codigo

    por este otro

    Esa modificación hace que una vez hayas pulsado play recargue la imagen cada 30 segundos pero te tienes que encargar de modificar de alguna manera el archivo de texto para ir cambiando la direccion del enlace para que cuando recargue la imagen cargue otra diferente

    no te puedo ayudar mas, puedes mirar de ajustar el código a tu gusto modificando el array que almacena las rutas de las imagenes para hacer cualquier cosa, si te paras a comprender un poco el codigo veras que lo puedes adaptar como quieras.

    saludos

  • rainner says:

    hola JVM, gracias por la pacienciaque me tines, y mil disculpas por entretenerte con mis preguntas.., hice todo el cambio, pero solo me muestra la primera imagen luego cuando actualiza no muestra mas imagenes, aparentemente busca una segunda imagen, como hago para que refresque la recarga desde el txt, porque si quito

    y pongo esto

    actualiza la misma imagen cada 30 seg o sea la imagen cargada parpadea, y como hago poara qu levante la direccion desde el txt cada 30seg? por favor tenme mas paciencia, Gracias!..

  • rainner says:

    o si podrias crearme un nuevo player en donde solo levante desde un txt la direccion de la radio, y desde otro txt la direccion de imagen y esta se actualizaria cada 30seg

  • Hola rainner esta linea se encarga de hacer creer a la cache que la imagen que carga cada vez es diferente para que se actualice,
    eso te sirve en el caso de que la imagen vaya cambiando pero su nombre sea siempre el mismo, en teoria deberia funcionar.

    el resultado seria este
    This.conten.loadMovie(“imagen.jpg?iep=0.3243”);
    This.conten.loadMovie(“imagen.jpg?iep=0.2102”);
    This.conten.loadMovie(“imagen.jpg?iep=0.5317”);
    This.conten.loadMovie(“imagen.jpg?iep=0.7918”);

    Prueba a poner la siguiente linea dentro de la funcion recargar imagen
    la enterior tenia un error.

    Despues publica el fla y ejecutalo con el navegador internet explorer para probarlo, no lo pruebes con control + enter desde flash porque no cargaran las imagenes

  • entiendo ahora , bueno y como podria hacer para que actualice un nombre distinto, o si sabes como hacer en php que copie una imagen extraida de una carpeta y guarde en otra carpeta como imagen.jpg, entonces asi tendria siempre el mismo nombre pero con imagen distinta

  • No entiendo muy bien lo que quieres hacer pero puedo interpretar que quieres que mientras el player este reproduciendo una radio vaya variando de imagen. para eso hay que saber primero de donde probienen las imagenes y el nombre que tendran.
    Por ejemplo si tienes un grupo de imagenes en el servidor que quieres que se vayan intercambiando se puede modificar el array que contiene las imagenes a mostrar, pero no se exactametne lo que quieres hacer.

    Explicame un poco mejor lo que quieres hacer y como lo tienes todo y cuando tenga un momento me lo miro y te modifico el reproductor.
    saludos

  • tengo esto en php http://*******.net/escuchas2.php y quiero que sea ejn flash, un reproductor de radio mientras se reproduce que verifique cada 30 seg. si existe una nueva direccion de imagen, la pagina php que tengo ya hace la actualizacion de la direccion y me crea un txt con la nueva direccion de la imagen, la intension es que cada vez que la radio cambia de musica tambien muestre el cover o album del cantante, todo ese proceso lo tengo en php , solo que quiero que se vea en flash
    tambien podria ser (solo digo nose si se puede tu me lo diras) tener un reproductor de radio y dentro tener un segundo flash swf que sea la imagen y en esta tratar la imagen, con xml o txt?

  • A ver si lo entiendo, tu te conectas a un servidor de radio externo y ese servidor se encarga de cambiar el cover cada vez que cambia la cancion no?

    Dime de que manera guardas la direccion en el archivo de texto cada vez que esta cambia y el nombre del archivo.

  • si, aqui tengo las imagenes http://********.net/album
    el archivo donde cambia la direccion de imagen es esta http://********.net/ips4.txt esta cambia cada 10seg
    luego hago esto en php

    $texto = file_get_contents(“ips4.txt”);
    $texto = nl2br($texto);
    $rest = substr(“$texto”, 0, 1); // returns “abcde”

    $strino = file_get_contents(‘http://********.net/1.txt’);
    $string = file_get_contents(‘http://********.net/ips4.txt’);
    $pletra= file_get_contents(‘http://********.net/ips4.txt’);
    $palabras=explode(“;”,$string);

    //var_dump($palabras);

    $resultado = array_unique($palabras);
    {$ruta = “album/”.$rest.”/”; $ext = “.jpg” ;
    $fotis = “$ruta$string$ext” ;
    }
    esto hace es buscar en la carpeta album + agrega la primera letra de la cancion ejemplo “R” + el nombre completo de la cancion + extension “.jpg” y obtengo por ejemplo esto “album/R/R Kelly – I Believe I Can Fly _RMF FM_.jpg” y esto lo paso a un txt y de ahi quisiera que levante el flash

  • Rainner aquí tienes lo que querías en as3 lo he probado desde mi ordenador y funciona correctamente, recarga la imagen cada 30 segundos desde tu archivo de texto, lo único es que he conectado con otro servidor de shoutcast porque desde el que estas conectando tu no funciona o esta offline y no se escuchaba.

    Bueno saludos y espero que te sirva.

  • sii es perfecto funciona , ahora le agregare botones de play y volumen, muchas gracias , sos Genio!!!

  • JVM .. un pequeño problema , y no encuentro la forma ya probe con la seguridad del adobe, escucho la radio pero no muetra imagen al publicar en html, solo veo con el reproductor flash , pero no veo en el navegador , cual seria el problema?

  • JVM me siento tan frustrado porque nada me sale y te pido un favor mas fijate en esta imagen esta es la cara del reproductor que me gustaria tener , mostrar el nombre del artista y nombre de la musica, tengo preparado el archivo artista.txt y cancion.txt, en mi pagina http://amiwis.tk e puesto la direccion de tu blog, me das permiso?

  • Si subes el swf al servidor debería de funcionar correctamente, siempre y cuando el archivo imagen.txt se encuentre en tu servidor, de lo contrario si se encuentra alojado en un servidor diferente que tu swf necesitaras subir al servidor donde se encuentre el fichero imagen.txt un archivo crossdomain.xml para darle permiso a tu swf para que pueda acceder al txt.
    Al probarlo en el navegador y en local o sea en tu pc debes agregar el archivo swf como un archivo de confianza desde la pagina de configuración de seguridad del plugin de adobe.

    En cuanto a lo del artista y el nombre de la canción, con el ejemplo que te pasado deberías poder desenvolverte para poder modificarlo para lo que quieres, tan solo deberías modificar la función encargada de cargar los datos o si no quieres complicarte puedes crear 2 URLLoaders uno para el artista y el otro para la canción.

  • HOLA JVM

    estoy queriendo meter un swf aqui y no muestra…. este codigo esta en as2 y lo que quiero mostrar esta en as3 se puede?

  • en este codigo quiero agregar el codigo que me diste, y mostrar dentro de un cuadro llamado \bot\

  • JVM una pequeña critica en tu blog, cada vez que envio un comentario tu reproductor se reinicia , creo que toda la pagina se actualiza ,. y empiesa de nuevola musica, podrias actualizar solamente la zona de comentarios asi no se corta la musica. 🙂

  • Hola rainner, no se puede cargar contenido as3 dentro de as2
    si quieres utilizar el codigo que te pase en as3 solo tienes que reconvertir el codigo as3 a as2 buscando los equivalentes de las funciones, es facil.
    Yo no puedo hacer nada mas, estoy bastante liado y casi no tengo tiempo para subir cosas al blog.
    saludos

  • Hola JVM, es posible que este post no salga ya que desde hace casi un año, no ha escrito nadie, pero yo lo intento.
    Ante todo decirte que el reproductor de radio y MP3 que has expuesto, es fantástico. Proximamente lo incorporaré a mi blog http://lanavedemisterio.blogspot.com/
    Pongo el enlace por si alguien ve este mensaje y desea verlo funcionando. Con tu permiso pondré en mi blog, un enlace al tuyo.

    Reproductores como el tuyo hay muchos. Pero que hagan lo que hace el tuyo tener dos reproductores en uno, yo no he visto ninguno.

    Veo un pequeño fallo que me gustaría saber editar pero aún no lo he conseguido es editar es el playerMp3Base.png y el playerMP3List.png. Esta última imágen me gustaría poder editar donde dice: Select Radio or MP3 music. Desearía ponerlo en español y cambiarlo de color. ¿Como podría hacerlo?

    Muchas gracias y un saludo

  • Hola Juan Navarro, el reproductor lo hice hace bastante tiempo y aunque está echo en as2 funciona correctamente aunque le faltaria terminar un pequeño aspecto del listado y es que si existen mas de 10 canciones o radios no aparece un scrioll para recorrerlas, pero bueno si te sirve me alegro.
    Sobre como editar las imagenes deberias intentar guardarlas como imagen con el mismo flash y editarlas con por ejemplo photoshop y luego importarlas de nuevo a flash. Intentare buscar los archivos PSD originales de las imagenes y los subire quizas asi te sirva mejor.

    En cuanto al reproductor le he echado un vistazo a tu pagina web y no funciona, algo te as dejado o no as echo bien, leete atentametne las instrucciones.

  • Amigo JVM, gracias por contestarme tan pronto. Me dejas sorprendido idicándome que el reproductor no funciona. Si lo he dejado puesto es que no le encontré ninguna dificultad al mismo, solo tuve que cambiar la I.P y el puerto para reproducir la radio, y en vez de subir los audios a mi disco duro, he cogido los enlaces donde están alojados mis programas de de radio y a mi parecer los reproduce perfectamente.

    Si hubiera encontrado algún error, te lo habria preguntado o lo habría descartado como me ha pasado con muchos reproductores que polulan por la red.

    Si lo que te pasa a tí es que no funciona la radio, es muy posible que cuando la hayas escuchado, no estuviera emitiendo en ese instante. Pero si no te ha funcionado tampoco la reproducción de los MP3, ya me preocupa, porque de momento solo le he puesto dos o tres enlaces, pero a mí me funcionaba perfecto. Lo he probado con Firefox, Crome e Iexplorer.

    Voy a intentar hacer lo que me dices para editar las imágenes, verémos si lo consigo ya que el flash no lo domino mucho. Todo se intentará.

    En cuanto al scroll de las canciones si me interesaría, ya que en la zona de MP3, quería poner todas las sintonías que utilizamos en nuestro programa de misterio que emitimos todos los viernes. No obstante si no está el scroll, pero el reproductor sigue reproduciendo, pues bien.

    Muchas gracias por atenderme y si vas a sacar alguna modificación para el tema del escroll, me gustaría si es posible que me lo comunicaras.

    Perdona por las posibles molestias que te haya ocasionado.

    Un saludo. Juan Navarro

  • Hola maestro, me ah gustado mucho este reproductor con lista de radios, tengo varios servidores corriendo radios y de distintos generos y quiero unificarlos todos con este reproductor, eh descargado el .rar, modifique los valores de la lista, lo levanto a hosting de la web, me aparece el reproductor pero las radio no, te dejo un link con la imagen de como sale

  • Hola tocayo, en principio tiene toda la pinta de que estas poniendo mal las rutas en algún sitio, repasa bien las rutas, tanto de los archivos de configuracion como del propio .fla, asegurate de que configuras correctamente los archivos y de que no te dejas ninguna variable.

    saludos

  • Hola buen dia tocayo :D, bueno la verdad que no logro hacerlo funcionar, lo unico que modifique fue las url de las radio y las url de los mp3, luego subi todos los archivos a mi host, otra cosa no lo toque. hay que modificar otras cosas?

  • Enviame un correo y me índicas en que directorio esta el swf y los archivos y tambiene desde que ruta cargas el swf. Estoy seguro que es un problema de rutas

  • – Hola Jvm, He bajado los archivos y configurado en mi Hosting en menos de 10 minutos (solo para radio), realemente una excelente explicación. Solo tengo una duda. La mayoria de las emisoras en Venezuela usan url o dependen de otros servicios en alquiler y el reproductor no los reconoce por ejemplo http://www.lorini.net/unionradio/ccs/lamega.asx ó http://www.globalhost.com.ve/shoutcast/reproductor3.swf?s=2&p=16 En estos casos es posible configurar para que sea reonocido ?? ó me recomiendas otra opcion ? Muchas gracias y que Dios le bendiga por los aportes constructivos.

  • Hola la verdad es que padre que halla personas como usted, que nos ayuden a agilizar las cosas… Gracias a tu archivo logre lo que hace tiempo queria hacer ya que habia hecho unos pero no terminaban de convencerme. Hoy me la he pasado tratandole de ponerle un scroller y por mas que le hago no me sale.
    Cuando lo agrego la mascara y el scroller no hace lo que yo quiero y creo que es por las funciones que dice que aparezcan tantos en este caso (8).

    Si no es mucha la molestia, me gustaria saber, digo si se puede donde es que le tengo que poner el scroller (deslizador) ya que llevo horas y horas y no puedo conseguir o donde tengo que cambiarle el codigo. Ya que cuando le quiero implementar el Action script 3 no funciona con el 2.0 pero tengo todo un archivo en el que lo implemente. Asi que me gustaria saber si puede dar una pista de donde tengo que modificarle para que me funcione el scroller.

    Nuevamente muchas gracias por TOTAL AYUDA!!
    Saludos

  • – Hola,, estoy en la misma situación de Karla, me gustaria colocarle un Scroller el radio funciona muy bien y tengo mas de 10 emisoras, pero no se puede bajar al menos que sea por el botón “>” . De entemano muchas Gracias.

  • Hola Karla y CRESUS, el reproductor esta preparado para ello pero en su momento no le puse los botones porque no me hizo falta, para poder recorrer la lista en el caso que existan mas de 8 items, lo unico que teneis que hacer es entrar dentro del movieclip “playList” y crear dentro 2 botones con los siguiente nombres de instancia “prb” y “prv”.

    De todas maneras en breve mirare de actualizar el ejemplo.

  • Muchas gracias jvm!!! hasta ahorita lei la respuesta y obviamente me funciono con los dos botones ya vi el codigo y no puede ser jiji, una ves solucionado todo se ve tan obvio… pero antes ahi quebrandome la cabeza jiijij. Nuevamente muchas gracias por toda tu ayuda.

    Bendiciones y gracias por la paciencia.

    Karla

Comments are closed.