【FLEX】实现音频播放的波浪效果【转】

flex音频播放的波形效果

这是封装好的一个：
package com
{
import flash.display.*;
import flash.events.Event;
import flash.media.*;
import flash.utils.*;
import flash.filters.*;
import flash.geom.*;
import mx.core.UIComponent;

public class Visualization extends UIComponent
{
public function Visualization()
{
//TODO: implement function
super();
}

//private const plot_height:int = 50;
private const CHANNEL_LEN:int = 256;

public function set Audioswitch(b:Boolean):void
{
if(b)
{
this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
}
else
{
this.removeEventListener(Event.ENTER_FRAME, onEnterFrame);
}
}

private function onEnterFrame(event:Event):void
{
var len_step:Number = this.width/CHANNEL_LEN;
var plot_height:Number = this.height/2;

var bytes:ByteArray = new ByteArray();
SoundMixer.computeSpectrum(bytes, false, 0);

var g:Graphics = this.graphics;

g.clear();
g.lineStyle(0, 0xe0d1f0);
//g.beginFill(0x6600CC);
g.moveTo(0, plot_height);

var n:Number = 0;

// left channel
for (var i:int = 0; i < CHANNEL_LEN; i++)
{
n = (bytes.readFloat() * plot_height);
g.lineTo(i * len_step, plot_height - n);
}
g.lineTo(CHANNEL_LEN * len_step, plot_height);
//g.endFill();

// right channel
g.lineStyle(0, 0xCC0066);
//g.beginFill(0xCC0066, 0.5);
g.moveTo(CHANNEL_LEN * len_step, plot_height);

for (i = CHANNEL_LEN; i > 0; i--)
{
n = (bytes.readFloat() * plot_height);
g.lineTo(i * len_step, plot_height - n);
}
g.lineTo(0, plot_height);
//g.endFill();
}
}
}

使用的时候这样做就可以了
//波形视觉效果
var Visual:Visualization= new Visualization();
Visual.move(5,0);
Visual.width=90;
Visual.height=50;
Visual.Audioswitch=true;
this.addChild(Visual);

再来一个简单的:
package {
//导入类
//Sprite是一个只有一帧的MovieClip,相对于MovieClip少了帧和场景...
import flash.display.Sprite;
//混合模式类
import flash.display.BlendMode;
//事件类
import flash.events.*;
//声音类
import flash.media.Sound;
//混音器类
import flash.media.SoundMixer;
//声道类
import flash.media.SoundChannel;
//URLRequest类
import flash.net.URLRequest;
//ByteArray类
import flash.utils.ByteArray;
//位图类
import flash.display.Bitmap;
import flash.display.BitmapData;
//滤镜类
import flash.filters.BlurFilter;
import flash.filters.ColorMatrixFilter;
//滤镜品质类
import flash.filters.BitmapFilterQuality;
//矩形类
import flash.geom.Rectangle;
//Point类(点)
import flash.geom.Point;
//定义类
public class SwfdongSound extends Sprite {
//声明用来包含line和bg的Sprite
private var Main:Sprite=new Sprite();
//声明用来画线的Sprite
private var line:Sprite=new Sprite();
//声明用来放位图数据的BitmapData
private var bmpData:BitmapData=new BitmapData(350,200,true,0xFF0);
//声明用来显示效果的Bitmap
private var bmp:Bitmap=new Bitmap(bmpData);
//声明MP3路径
private var url:String = "MySound.mp3";
//声明一个Sound对象
private var DongSound:Sound = new Sound();
//声明一个SoundChannel对象
private var sChannel:SoundChannel;
//声明一个ByteArray对象
private var bArray:ByteArray = new ByteArray();
//声明一个数组对象
private var Ary:Array;
//声明两个数字对象
private var n:Number = 0;
private var c:Number = 0;
//声明一个ColorMatrix滤镜
private var colorM:ColorMatrixFilter=new ColorMatrixFilter([
0.98,0,0,0,0,
0,0.98,0,0,0,
0,0,0.98,0,0,
0,0,0,0.90,0,
]);;
//声明一个BlurFilter滤镜
private var blur:BlurFilter = new BlurFilter(7,7,BitmapFilterQuality.LOW);
//声明一个矩形
private var r:Rectangle=new Rectangle(0,0,350,200);
//声明一个点
private var p:Point=new Point(0,0);
//类构造函数
public function SwfdongSound() {

//Main的混合模式为"添加"
Main.blendMode=BlendMode.ADD;
//在舞台上显示各个部分
Main.addChild(bmp);
Main.addChild(line);
addChild(Main);
//将字符串转化为URLRequest
var req:URLRequest = new URLRequest(url);
//加载歌曲
DongSound.load(req);
//播放
DongSound.play();
//添加一个EnterFrame的侦听器,同以前的this.onEnterFrame=showBar();
this.addEventListener(Event.ENTER_FRAME,showBar);
}
private function showBar(event:Event){
n = 0;
//这里是为了每2次才执行一次滤镜而做的if,如果需要让原来的波形图消失的更慢就把2改成更大的数字
if(c%2==0){
//将Main的内容绘制到bmpData
bmpData.draw(Main);
//应用滤镜
bmpData.applyFilter(bmpData,r,p,colorM);
bmpData.applyFilter(bmpData,r,p,blur);
}
c++;
//清除绘图
line.graphics.clear();
//设置线条样式,颜色湖蓝,宽度1,透明度100
line.graphics.lineStyle(1,0x2AEAEB,100);
//将当前声音输出为ByteArray,注意哦,这次用的是false,上次是true
SoundMixer.computeSpectrum(bArray,false,0);
for(var i=0; i < 256; i+=2){
//在ByteArray中读取一个32位的单精度浮点数(这个是livedoc上写的,实际就是把数据流读取成浮点数)
n = bArray.readFloat();
//这个实际作用是把n扩大一下
n = n*360;
//如果i不为0
if(i!=0){
//画波形图
line.graphics.lineTo(50+i,100-n/5);
}else{
//移动
line.graphics.moveTo(50,100-n/5);
}
}
}
}
}

更多神奇的是：
呵呵,又是一个AS3编写的波形效果.很COOOOOOL.至于有多酷,就得自己评定了.看这里:
效果1:

效果2:

效果3:

效果4:

效果5:

如果访问有问题.可以观看作者BLOG:
http://www.anttikupila.com/flash/revolt-actionscript-3-based-spectrum-analyzer-source-released/
作者同时还把源文件无私的奉献出来.在这里先表示感谢.
方便观看,我把源演示地址贴出: 点这里观看
源文件下载: 点这里下载
我还收藏了一个波形效果,出自lab.andre-michelle.com:
效果图:

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/liuchang5/archive/2008/12/31/3672054.aspx