Visto 8.708 veces.

AS3 – Audio – Reproductor de radio con ecualizador vu meter en flash AS3 ( SoundMixer.computeSpectrum )(DEPRECATED)

Posted on 16 febrero, 201226 abril, 2015 by jvm

(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)

This movie requires Flash Player 9

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)

This movie requires Flash Player 9

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
Reproductor player de radio mp3 en flash as3

Una vez abierto nos aparecerá el siguiente aviso y presionamos en el botón configuración
Aviso de seguridad de adobe flash player

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.
seleccionar archivo swf de confianza

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)”

16 febrero, 2012 at 15:37
Juan Navarro says:
Fantástico y muy fácil de configurar este reproductor. Lo recomiendo. Muchas gracias.
Reply
14 marzo, 2012 at 22:38
cYCLO says:
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!
Reply
14 marzo, 2012 at 22:47
cYCLO says:
jolines ! que broma ya me salio el espectro, gracias por tu ayuda! jaja
Reply
17 marzo, 2012 at 9:17
jvm says:
De nada jeje aunque no he hecho nada 😉
Reply
4 abril, 2012 at 13:08
TTDJ says:
como puedo aumentar la cantidad de barras del equalizador?? de antemano muchisimas gracias bro 🙂
Reply
27 abril, 2012 at 6:48
jvm says:
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
Reply
28 junio, 2012 at 20:48
CRESUS says:
– 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.
Reply
6 julio, 2012 at 5:41
ArqPerea says:
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?
Reply
6 julio, 2012 at 16:00
jvm says:
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.
Reply
7 julio, 2012 at 1:51
ArqPerea says:
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);
}
Reply

8 julio, 2012 at 8:20

jvm says:

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.

public function playSnd(e:Event = null) {
 btnPlay.visible = false;
 btnStop.visible = true;
 addEventListener(Event.ENTER_FRAME,onEntriFrame);
 if (v_playing ==false) {
     objCanal = _sound.play();
     v_playing = true;
     }
 soundControl.volume = aSlider.value;
 objCanal.soundTransform = soundControl;
}

private function stopSnd(e:Event) {
 btnPlay.visible = true;
 btnStop.visible = false;
 soundControl.volume = 0;
 objCanal.soundTransform = soundControl;
 removeEventListener(Event.ENTER_FRAME,onEntriFrame);
}

public function playSnd(e:Event = null) {

btnPlay.visible = false;

btnStop.visible = true;

addEventListener(Event.ENTER_FRAME,onEntriFrame);

if (v_playing ==false) {

objCanal = _sound.play();

v_playing = true;

}

soundControl.volume = aSlider.value;

objCanal.soundTransform = soundControl;

}

private function stopSnd(e:Event) {

btnPlay.visible = true;

btnStop.visible = false;

soundControl.volume = 0;

objCanal.soundTransform = soundControl;

removeEventListener(Event.ENTER_FRAME,onEntriFrame);

}

9 julio, 2012 at 17:29
ArqPerea says:
Gracias Jvm lo intentare y te platico como salio 😀
Reply
10 julio, 2012 at 1:22
ArqPerea says:
Excelente JVM funciono a la perfeccion era Justo lo que necesitaba, muchas gracias por tu atension.
Reply
10 julio, 2012 at 8:27
jvm says:
Un placer 🙂
Reply
8 agosto, 2012 at 2:23
Guillermo says:
Hola como lo descargo ?
Reply
8 agosto, 2012 at 6:08
jvm says:
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
Reply
14 septiembre, 2012 at 23:49
gmo says:
Excelente! corre en Safari, Chrome y IE pero no en Firefox. Alguna idea?. gracias , muy bueno.
Reply
15 septiembre, 2012 at 15:39
gmo says:
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
Reply
17 septiembre, 2012 at 7:33
jvm says:
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/
Reply
17 octubre, 2012 at 19:15
Luis Melendez says:
descargue el ejemplo 1 y no me muestra el efecto del esculizador
Reply
17 octubre, 2012 at 19:54
jvm says:
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.
Reply
18 octubre, 2012 at 0:50
Luis Melendez says:
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.
Reply
18 octubre, 2012 at 8:27
jvm says:
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
Reply
18 octubre, 2012 at 14:34
Luis Melendez says:
No se que sera pero no puedo visualizarlo te dejo el link con el archivo que eh descargado http://www.iniciarweb.com/jvmPlayerVumeter.swf
Reply
18 octubre, 2012 at 14:41
Luis Melendez says:
ya enocntre el problema 🙂 una pregunta, como podria hacer para que muestre un solo efecto del escualizador ? se puede ?
Reply
18 octubre, 2012 at 20:10
jvm says:
Si que puedes. Mañana mirare de ponerte el codigo.
Saludos
Reply

19 octubre, 2012 at 7:50

jvm says:

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

var n:int = 20;
var angulo:Number = 0;
var angulo2:Number = 0;
var osc:Number;
var mt:Number = 0;
var s:Number = 0;
var g:uint = 0;
var maxTimePresset:Number = 0.50;
var presset = 6;
var R:Number = 51;
var G:Number = 198;
var B:Number = 253;

private function onEntriFrame(e:Event):void {
	g++;
s = ((objCanal.leftPeak*(Math.random()*145))+35);
	if (Math.floor(Math.random() * 2)) {
		s = ((objCanal.rightPeak*(Math.random()*145))+35);
	}
	if (objCanal.leftPeak >= soundControl.volume - 0.50) {
		if (g >= maxTimePresset) {
			g = 0;
	        maxTimePresset = Math.random() * 50;
		   presset = Math.floor(Math.random() * 8);
		   trace(presset);
		   R =  Math.floor(Math.random() * 255);
			if(R <15){R=15;}
			G = Math.floor(Math.random() * 255);
			if(G <15){G=15;}
			B = Math.floor(Math.random() * 255);
			if(B <15){B=15;}
		for (var n1:int=0; n1<n; n1++) {
			creat.creatArr[n1].rotation = 0;
			creat.creatArr[n1].width = 10;
			creat.creatArr[n1].y = 0;
		    creat.creatArr[n1].transform.colorTransform = new ColorTransform(0,0,0,1,R,G,B,1);
		}
		}
	}

var n:int = 20;

var angulo:Number = 0;

var angulo2:Number = 0;

var osc:Number;

var mt:Number = 0;

var s:Number = 0;

var g:uint = 0;

var maxTimePresset:Number = 0.50;

var presset = 6;

var R:Number = 51;

var G:Number = 198;

var B:Number = 253;

private function onEntriFrame(e:Event):void {

g++;

s = ((objCanal.leftPeak*(Math.random()*145))+35);

if (Math.floor(Math.random() * 2)) {

s = ((objCanal.rightPeak*(Math.random()*145))+35);

}

if (objCanal.leftPeak >= soundControl.volume - 0.50) {

if (g >= maxTimePresset) {

g = 0;

maxTimePresset = Math.random() * 50;

presset = Math.floor(Math.random() * 8);

trace(presset);

R = Math.floor(Math.random() * 255);

if(R <15){R=15;}

G = Math.floor(Math.random() * 255);

if(G <15){G=15;}

B = Math.floor(Math.random() * 255);

if(B <15){B=15;}

for (var n1:int=0; n1<n; n1++) {

creat.creatArr[n1].rotation = 0;

creat.creatArr[n1].width = 10;

creat.creatArr[n1].y = 0;

creat.creatArr[n1].transform.colorTransform = new ColorTransform(0,0,0,1,R,G,B,1);

}

Una vez indentificado el código de arriba los sustituyes por el siguiente

var n:int = 20;
var angulo:Number = 0;
var angulo2:Number = 0;
var osc:Number;
var mt:Number = 0;
var s:Number = 0;
var g:uint = 0;
var maxTimePresset:Number = 0.50;
var presset = 6;
var randomPresset:Boolean = false;
var R:Number = 51;
var G:Number = 198;
var B:Number = 253;

private function onEntriFrame(e:Event):void {
	g++;
s = ((objCanal.leftPeak*(Math.random()*145))+35);
	if (Math.floor(Math.random() * 2)) {
		s = ((objCanal.rightPeak*(Math.random()*145))+35);
	}
	if(randomPresset){
	if (objCanal.leftPeak >= soundControl.volume - 0.50) {
		if (g >= maxTimePresset) {
			g = 0;
	        maxTimePresset = Math.random() * 50;
		   presset = Math.floor(Math.random() * 8);
		   trace(presset);
		   R =  Math.floor(Math.random() * 255);
			if(R <15){R=15;}
			G = Math.floor(Math.random() * 255);
			if(G <15){G=15;}
			B = Math.floor(Math.random() * 255);
			if(B <15){B=15;}
		for (var n1:int=0; n1<n; n1++) {
			creat.creatArr[n1].rotation = 0;
			creat.creatArr[n1].width = 10;
			creat.creatArr[n1].y = 0;
		    creat.creatArr[n1].transform.colorTransform = new ColorTransform(0,0,0,1,R,G,B,1);
		}
		}
	}
	}

var n:int = 20;

var angulo:Number = 0;

var angulo2:Number = 0;

var osc:Number;

var mt:Number = 0;

var s:Number = 0;

var g:uint = 0;

var maxTimePresset:Number = 0.50;

var presset = 6;

var randomPresset:Boolean = false;

var R:Number = 51;

var G:Number = 198;

var B:Number = 253;

private function onEntriFrame(e:Event):void {

g++;

s = ((objCanal.leftPeak*(Math.random()*145))+35);

if (Math.floor(Math.random() * 2)) {

s = ((objCanal.rightPeak*(Math.random()*145))+35);

}

if(randomPresset){

if (objCanal.leftPeak >= soundControl.volume - 0.50) {

if (g >= maxTimePresset) {

g = 0;

maxTimePresset = Math.random() * 50;

presset = Math.floor(Math.random() * 8);

trace(presset);

R = Math.floor(Math.random() * 255);

if(R <15){R=15;}

G = Math.floor(Math.random() * 255);

if(G <15){G=15;}

B = Math.floor(Math.random() * 255);

if(B <15){B=15;}

for (var n1:int=0; n1<n; n1++) {

creat.creatArr[n1].rotation = 0;

creat.creatArr[n1].width = 10;

creat.creatArr[n1].y = 0;

creat.creatArr[n1].transform.colorTransform = new ColorTransform(0,0,0,1,R,G,B,1);

}

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

20 octubre, 2012 at 0:07
Luis Melendez says:
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
Reply

20 octubre, 2012 at 7:46

jvm says:

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

import flash.events.Event;
import flash.net.URLRequest;
nombreClipLogoFB.buttonMode = true;
nombreClipLogoFB.addEventListener(MouseEvent.CLICK,onNavToURL);
function onNavToURL(e:Event):void{
  navigateToURL(new URLRequest("http://www.tudireccion.com"),"_blank");
}

import flash.events.Event;

import flash.net.URLRequest;

nombreClipLogoFB.buttonMode = true;

nombreClipLogoFB.addEventListener(MouseEvent.CLICK,onNavToURL);

function onNavToURL(e:Event):void{

navigateToURL(new URLRequest("http://www.tudireccion.com"),"_blank");

}

20 octubre, 2012 at 15:01
Luis Melendez says:
No me sale, podrias subir un ejemplo? y bueno asi como reproductor de audio shoutcast tambien tienes un reproductor shoucast de video ?
Reply
22 octubre, 2012 at 5:58
jvm says:
Ya te puse código de ejemplo, en cuanto al reproductor de video te puse el enlace unos cuantos mensajes mas arriba.
Reply

Responder a jvm Cancelar respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.