(No soporta AAC)
Como en mucho de los casos no tenemos acceso al servidor que emite la radio para subir el crossdomain.xml y evitar el error de san box
Dejo aqui un primer ejemplo que utiliza un vumeter solo con el volumen, sin utilizar SoundMixer.computeSpectrum .
Para el segundo ejemplo2 si será necesario subir el cossdomain.xml
Ejemplo 1: Vumeter Simulado solo con Volumen (Actualizado el 10/08/2012)
Ejemplo 2: Reproductor de radio simple con ecualizador vu meter en flash as3.
Ejemplo simplificado del reproductor de radio y mp3 de AS2 para AS3
Para ponerlo en funcionamiento simplemente hay que editar el archivo incluido en la descarga.
El reproductor solo acepta una radio y un titulo.
Ejemplo2 : Vu meter Real, Necesario subir crossdomain.xml al servidor que emite la radio (Publicado el 16/02/2012)
Nota: Para que el vu meter se visualice en el ejemplo 2, será necesario subir un fichero de política de privacidad crossdomain.xml en el servidor que emite la radio streaming, no obstante si se da la casualidad que se tiene instalado la versión exacta de debug 11,1,102,55 de flash player el vu meter funciona correctamente. Yo dispongo de dicha versión y por eso no me di cuenta del error de san box con anterioridad.
Como instalar una versión anterior de flash player
Si alguien tiene curiosidad y quiere realizar la prueba y ver como funciona el vu meter con dicha versión puede descargarse la versión de debug 11,1,102,55 desde aquí http://helpx.adobe.com/flash-player/kb/archived-flash-player-versions.html
Una vez descargado el zip descomprimir en una carpeta, dirigirse al panel de control/desinstalar programas y desinstalar flash player. Una vez desinstalado tenemos que ejecutar el comando regedit desde el campo buscar programas del menú inicio de windows, una vez abierto regedit accedemos a la clave HKEY_CURRENT_USER/Software/Macromedia y eliminamos la carpeta de flashPlayer, Después repetimos el mismo proceso con la clave HKEY_LOCAL_MACHINE/Software/Macromedia. estos registros almacenan las versiones de flash player instaladas.
Eliminar esos registros es necesario en el caso que ya hubiéramos tenido en el sistema una versión de flash player superior a la que queremos instalar de lo contrario el sistema no nos dejaría instalar un versión anterior de flash player.
Una vez eliminados los registros nos dirigimos a la carpeta descomprimida y abrimos la carpeta 11_1r102_55_32bit_debug y luego ejecutamos el instalador para windows flashplayer11_1r102_55_winax_debug_32bit una vez echo eso podréis comprobar como desde vuestro navegador el método SoundMixer.computeSpectrum funciona de maravilla, aunque esto no es una solución.
En el caso que queramos probar el reproductor en local tenemos que seguir los siguientes pasos
En primer lugar abrimos el html
Una vez abierto nos aparecerá el siguiente aviso y presionamos en el botón configuración
Una vez pulsado estaremos dentro del administrador de configuración de flash player nos dirigimos a la pestaña avanzado y bajamos con el scroll hasta visualizar el botón de configuración de ubicación de confianza y lo clicamos. Una vez clicado nos aparecerá una ventana para seleccionar un archivo local de nuestro PC y hacemos clic en el botón añadir.
Ahora solo tenemos que buscar nuestro archivo swf y una vez encontrado clicamos en confirmar y cerramos la pantalla del administrador.
Ahora solo falta volver a refrescar la pagina html
Nota: En el caso que siga sin escucharse entra en shoutcast.com descárgate un archivo .pls ábrelo con el NotePad copia la nueva dirección y pégala en el archivo de configuración del reproductor, a veces las direcciones de radio dejan de funcionar o están offline.
[download id=»31″ format=»2″]
[download id=»35″ format=»2″]
31 comments on “AS3 – Audio – Reproductor de radio con ecualizador vu meter en flash AS3 ( SoundMixer.computeSpectrum )(DEPRECATED)”
Fantástico y muy fácil de configurar este reproductor. Lo recomiendo. Muchas gracias.
BUENA TIO, OYE no se si pueda preguntarte pero supongo que tuviste algun problema cuando usando SPECTRO de sound mixer para streaming, acaso tu servidor de radio tiene un crossdomain.xml? !Que pregunta claro! que debe tenerlo, es lo unico que no acierto a reproducir, Yo tengo una radio shoutcast y no he acertado aun con mostrar el equalizador en red, en local me sale!
jolines ! que broma ya me salio el espectro, gracias por tu ayuda! jaja
De nada jeje aunque no he hecho nada 😉
como puedo aumentar la cantidad de barras del equalizador?? de antemano muchisimas gracias bro 🙂
Hola TTDJ, Si abres la clase jvmRadioPlayer.as
dirigete a la linea 38 alli veras el siguiente codigo
creat.createEmptyMovieClip(container, «nombre», 20, 0x91C3FF, 1);
en esa linea debes cambiar el tercer parametro, que sirve para indicar la cantidad de movieclips que se crearan.
Despues dirigete a la linea 92 donde encontraras el siguiente codigo
var n:int = 19;
aqui debes especificar el mismo numero que especificastes arriba menos 1
si no te darra un error
Es decir si especificas crear 40 movieClips en la variable n deberas especificar 39.
Si quieres saber como usar la clase CreateMovieClip.as abrela dentro encontraras las intrucciones de uso de la misma
Saludos
– Hola Jvm, amigo no veo la lista de radios configuradas y tampoco el equalizador o barras como uds indican. No les veo aqui y tampoco en mi hosting. Gracias de antemano por el aporte.
Oye como le puedo hacer para que que despues que se ponga STOP y le de play de NUEVO no regrese a escuchar lo primero que empezo a reproducir. pues si por ejemplo entre en la pagina donde esta el reproductor y en esos momentos estaba una cancion y despues de 3 canciones doy STOP por cuestiones de querer silencio LE DOY PLAY de nuevo y se vueleve a escuchar la parte de la TRANSMISION QUE inicialemente se escuchaba cuando entre a la pagina?
Hola ArqPerea, no recuerdo si es posible hacerlo con una radio en straming con as3. Puedes probar jugando con currentSound.duration; y currentSound.position;
Lo que si recuerdo con seguridad es que si es posible hacerlo cargando un mp3 externo mediante streaming.
Otra opción que puedes realizar es eliminar el boton stop y colocar en su lugar un boton de silencio que lo que haga es poner en silencio el audio. Aunque audio seguira reproduciendose.
Gracias por la Respuesta JVM. estaria Genial hacerlo de manera como que recargue la transmision, Pero si no se puede me parece Muy Buena SUGERENCIA lo de Poner SILENCIO. la verdad soy inexperto en esto de ActionScript. si no es Mucha Molestia me podrias decir como cambiar el codigo de Stop por el de Slencio? aqui te dejo el codigo que tengo de STOP a ver si es posible me auxilies GRACIAS 😀
stopBtn.addEventListener(MouseEvent.CLICK, onStop);
function onStop(e:Event = null):void {
playBtn.enabled = true;
stopBtn.enabled = false;
chanel1.stop();
removeEventListener(Event.ENTER_FRAME,onEnterFrame);
}
ArqPerea, te dejo el código para que haga lo que quieres.
Tienes que sustituir completamente las siguientes funciones por las existentes en la clase.
Gracias Jvm lo intentare y te platico como salio 😀
Excelente JVM funciono a la perfeccion era Justo lo que necesitaba, muchas gracias por tu atension.
Un placer 🙂
Hola como lo descargo ?
Hola Guillermo, al final de la entrada hay un enlace de descarga junto con una pequeña imagen de un robot y una flecha verde, haz click ahí.
Saludos
Excelente! corre en Safari, Chrome y IE pero no en Firefox. Alguna idea?. gracias , muy bueno.
Si ya corrio en Firefox, solo tenia que actualizar el navegador (error de novato jaja). Tambien quiero hacer lo que hizo ArqPerea, me pueden ayudar donde coloco esas funciones. Gracias
Hola gmo, me alegro que solucionaras :), en cuanto a lo de arqPerea puedes dirigirte a este enlace y descargarte el ejemplo para modificarlo como hizo el
http://jvm.bricobit.com/player-reproductor-de-radio-online-shoutcast-as3/
descargue el ejemplo 1 y no me muestra el efecto del esculizador
Hola luis, es raro. Por lo menos as conseguido que se escuche la radio? Mañana le echare un vistazo a la descarga y te digo algo. Si quieres tambien puedes probar el winamp flash player lo encontraras en el menu de la derecha.
El problema no se exactamente cual es porque cuando le doy Control + ENTER en el Adobe Flash me corre perfecto, pero al mostrar en la web no muestra el efecto del esculizador pero el audio si esta bien no tengo problemas.
Hola, luis he mirado la descarga que no fuera que invirtiera los ejemplos, pero estan bien, estas seguro que te as descargado el ejemplo correcto?
hay dos descargas, una utiliza el ecualizador real con el que necesitas subir un archivo de politica de privacidad al servidor que emite la radio y la otra descarga es mediante un ecualizador simulado por la amplitud del volumen con el que no necesitas subir ningun fichero de politica, con ese ejemplo no deberia tener ningun problema en ver el ecualizador
Saludos
No se que sera pero no puedo visualizarlo te dejo el link con el archivo que eh descargado http://www.iniciarweb.com/jvmPlayerVumeter.swf
ya enocntre el problema 🙂 una pregunta, como podria hacer para que muestre un solo efecto del escualizador ? se puede ?
Si que puedes. Mañana mirare de ponerte el codigo.
Saludos
Hola luis, aqui te traigo la modificacion
Tienes que abrir el archivo JvmRadioPlayer.as que se encuentra dentro de la carpeta com/xavirobot y despues identificar el siguiente codigo
Una vez indentificado el código de arriba los sustituyes por el siguiente
Ahora cuando quieras que cambie automaticamente de presset o no, solo tienes que cambiar la variable randomPresset a true o false
Si quieres poner un presset fijo de entre los 8 que hay
en la variable presset indicas un presset del 0 al 7 y pones a false la variable randomPresset
Ej:
var presset = 5;
var randomPresset:Boolean = false;
Así siempre tendras el ecualizador con el presset 5
Recuerda que una vez echo los cambios tienes que volver a publicar/recompilar el swf/.fla
Espero que te sirva saludos
ya lo proble y me salio super!!! muchas gracias!! Sabes agrege el logo de FB y le coloque una capa para que al darle click abra la web de fb a la capa le puse el geturl pero no me da! como podria hacer
Crea un MovieClip y le das como nombre de instancia «nombreClipLogoFB»
luego dentro del movieclip metes la imagen del logo y en el primer fotograma pones el siguiente codigo
No me sale, podrias subir un ejemplo? y bueno asi como reproductor de audio shoutcast tambien tienes un reproductor shoucast de video ?
Ya te puse código de ejemplo, en cuanto al reproductor de video te puse el enlace unos cuantos mensajes mas arriba.