Error de seguridad al utilizar computeSpectrum

Etiquetas: computeSpectrum

Me topé con este error hace varios meses por casualidad. Siempre suelo tener abierto el player de Radio3, y notaba que cuando veía páginas Flash con algún ecualizador de sonido (utilizando computeSpectrum), me salía un error de seguridad en el debugger y no funcionaba la web en Flash.

No le dí mucha importancia hasta que me tocó programar un player para una web y tuve que utilizar computeSpectrum. Lo comenté en la lista de ASNativos, y Cay pasó este enlace:

http://bugs.adobe.com/jira/browse/FP-147

Resulta que es un error sin solución hasta el momento, asi que si alguna vez hacéis una aplicación que utilice computeSpectrum, tenedlo en cuenta: no funciona si tienes abierto un player de audio o video (youtube, vimeo...) en otra ventana.

Prueba de Pixel Bender + ComputeSpectrum

Etiquetas: computeSpectrum ShaderFilter Shader SoundMixer SoundChannel ByteArray

Prueba de computeSpectrum + un filtro de Pixel Bender. En el ejemplo se muestra como cargar un filtro de pixel Bender, y aplicarlos en Flash variando sus parámetros en función de un sonido.

Carga de sonidos y visualización del espectro en Actionscript 3.0

Etiquetas: SoundChannel Sound ByteArray computeSpectrum

Con AS3 podemos visualizar el espectro de sonido de un audio. Con unas pocas lineas de código, podemos hacer cosas impensables con anteriores versiones del lenguaje. Este es el resumen del código:

-Creo un objeto de tipo Sound() y cargo en él archivo mp3:

 
sonido = new Sound(); 
var request:URLRequest = new URLRequest(url); 
sonido.addEventListener(Event.COMPLETE, sonidoCargado);
sonido.load(request);
 

-Programo la carga para que cuando termine se ejecute la función sonidoCargado. En esta función reproduzco el sonido (canal = sonido.play(0,1000);) y añado un evento para que se pinte el espectro de sonido (addEventListener(Event.ENTER_FRAME,mover)).

-La función mover es la encargada de "Pintar" el espectro. El espectro se almacena en la variable arrayMixer en forma de matriz de bits. Los elementos de esta matriz pueden ser 1 o 0. Resumiendo, podemos decir que cuantos más 1 haya, más "alto suena el sonido". Recorro la matriz y sumo todos esos 1, para ver como de grande tengo que pintar la barra de volumen. Cuando tengo ese valor lo almaceno en la matriz de volúmenes. Depués de esto, recorro toda la matriz de volúmenes y pinto una barra para cada valor almacenado.

El código completo:

 
package {
	import flash.display.*;
	import flash.events.*;
	import flash.media.*;
	import flash.utils.ByteArray;
	import flash.net.*;
	public class CargadorSonidos extends Sprite {
		var url:String = "sonido.mp3";
		var canal:SoundChannel;
		var sonido:Sound;
		var fourierTransform:Boolean = false;
		var arrayMixer:ByteArray = new ByteArray();
		var volumenes:Array = new Array();
		public function CargadorSonidos():void {
			cargarSonido();
		}
		function cargarSonido():void {
			SoundMixer.stopAll();
			sonido = new Sound();
			var request:URLRequest = new URLRequest(url);
			sonido.addEventListener(Event.COMPLETE, sonidoCargado);
			sonido.load(request);
		}
		function sonidoCargado(event:Event):void {
			canal = sonido.play(0,1000);
			addEventListener(Event.ENTER_FRAME,mover);
		}
		function mover(e:Event):void {
			SoundMixer.computeSpectrum(arrayMixer, true);
			var c = 0;
			for (var i = 0; i < arrayMixer.length; i++) {
				c += arrayMixer[i];
			}
			volumenes.push(c);
			if (volumenes.length > 400) {
				volumenes.splice(0,1);
			}
			graphics.clear();
			graphics.lineStyle(1, 0x000000);
			graphics.beginFill(0x000000);
			for (var j = 0; j < volumenes.length; j++) {
				graphics.lineTo(j,100+volumenes[j]/1200);
				graphics.lineTo(j,100-volumenes[j]/1200);
				graphics.moveTo(j,100);
			}
			graphics.lineTo(volumenes.length,100);
			graphics.lineTo(0,100);
		}
	}
}