- 19~Blog |- AS3歌词同步+波谱播放器.

Search the Site

AS3歌词同步+波谱播放器.

By19.Published on2008-05-25.

提供AS3同步歌词加载显示的FLASH波谱播放器源文…

这次将以前的AS2的播放器改成AS3，并且加入了波谱效果~这里的波形并没有用SoundMixer.computeSpectrum()来描绘，而是用了SoundChannel类的左右声道的音量来描绘。因为感觉似乎这样波形更像些~虽然会因为音量的改变而改变幅度~比较2吧。以前的AS2就不要再下了，现在播放器还有些小BUG，慢慢更改吧。

如果觉得第一首太2可以换下别的歌曲看效果。

PS – -，因为以前做的总有人说不会加载XML，所以这次如果用的时候大家注释掉FLASH中AS的这句：

1	//var flvXML:FlvXMLList = new FlvXMLList("../../../../xml/playList.xml",this);

用上面这两句：

1 2	var playlist:String = loaderInfo.parameters["playlist"]; var flvXML:FlvXMLList = new FlvXMLList(playlist + ".xml?random="+Math.random().toString(),this);

之后生成播放器，在站点加载FLASH的时候就可以用”?playlist=xml地址(去掉后面的.xml)”来正确加载到XML了。

比如我的播放器地址是：

http://www.ll19.com/up/GLLL-Lrc-Wave/GL-LL19.swf

我的XML地址是：

http://www.ll19.com/glll/xml/GLLL-Lrc-Wave/glll-lrc-list.xml

那我把播放器在放到页面上的时候就写成：

http://www.ll19.com/up/GLLL-Lrc-Wave/GL-LL19.swf?playlist=http://www.ll19.com/glll/xml/GLLL-Lrc-Wave/glll-lrc-list

说明：

1.最好直接把LRC的扩展名改成XML。

2.中文歌词存成UTF8格式。

3.播放器上鼠标右键也可以控制音乐的播放，比如前一首、后一首、停止等（改变波谱暂时未实现）。

4.右下是一些控制按钮，分别是关开音乐这些，右上的箭头可以拖拉音乐列表来选择。

5.XML配置 auto=”"：random FLASH加载后便随机播放，yes FLASH加载后播放第一首歌曲，其余字符均为不直接播放。

mp3节点中：path=”http://www.ll19.com/up/…/kida.mp3″ MP3的地址。title=”kidA.” mp3的标题。lrc=”http://www.ll19.com/up/GLLL-Lrc-Wave/lrc/kida.xml” LRC的地址。 type=”en” LRC的类型，因为英文我喜欢小字体，换了中文的话歌词字体会过小。所以这里要注明类型来改变字体，全是英文就写en，中文歌词写cn。font=”" 可以来写简单的HTML来控制歌词的字体颜色等，比如这里可以写 size=’10′ color=’#FF0000′ face=’Arial’ 既font中间的部分，不想控制就空着。

6.对于个人BLOG加载MP3播放器如果觉得宽度过长可以下载下面这个(点击图片看效果)：

-= 点这里下载（标题下默认的宽度）=- | -= 点这里下载（上图宽度窄的） =-

演示：

本篇日志相关文章：

这篇文章发布于 2008年05月25日，星期天，9:24 下午，归类于 Diary。您可以跟踪这篇文章的评论通过 RSS 2.0 feed。您可以留下评论，或者从您的站点trackback。

44 Responses to “ AS3歌词同步+波谱播放器. ”

findfullmoon 说： ( Has commented 1 times in LL19.com )

2010-04-2于12:22 下午

請問是不是此播放器必需使用xml作為配置文件？不可能通過參數麼？因為很多事情都想把這個播放器嵌到博客 dz論壇之累的地方，如果可以用參數才能方便調用。
另外，歌詞現在要麼是都是一小排的，播放器是否可以讓歌詞顯示靈活的再變長一點呢？
最後就是，歌詞一定要用xml為擴展名的話，好像不太方便直接引用從網上找來的歌詞url。。。
就是想請教這些，期待您的回復。BTW，我好喜歡你的這些播放器呀。很特別！

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2010-04-2于12:27 下午
  
  自适应长度的播放器可以看看这个：http://www.ll19.com/index.php/lrc-19line/
  
  通过参数配置还是XML配置都可以，不过这个播放器只是针对XML。
  
  回复 | 回复并邮件
hibqh 说： ( Stranger commented in LL19.com )

2009-05-2于9:50 上午

我换了背景颜色；播放列表里，怎么底色始终是白的。还是哪个讨厌的红线，怎么去掉。
半天都没去掉

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-05-2于3:35 下午
  
  列表的颜色和底色以及下划线是通过修改GlllPlayList.as里面的字体的backgroundColor来更改的，下滑线就是类似HTML中的<u>，这个播放器做的比较早，个性化配置方面做的不好，如果需要根据自己站点的情况做出配置你可以下载下面这个：
  http://www.ll19.com/lrc-19line.html
  
  回复 | 回复并邮件
gkkk 说： ( Stranger commented in LL19.com )

2009-05-1于10:54 上午

下载下来的原文件，发布测试时，好慢，能告诉是什么原因吗

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-05-1于12:24 下午
  
  - 。-，具体是什么“好慢”。
  
  回复 | 回复并邮件
  - GKKK 说： ( Stranger commented in LL19.com )
    
    2009-05-1于2:43 下午
    
    传到网页上显示很慢，不像http://www.ll19.com/?p=80这个播放器，很快网页就显示出来了
    
    回复 | 回复并邮件
    - 19. 说： ( Admin commented )
      
      2009-05-1于6:04 下午
      
      显示速度跟网速以及FLASH大小有关，这个播放器编译后只有20多K，不应该很慢才能打开，要么你把播放器的页面地址发一下我具体看看。
      
      回复 | 回复并邮件
gkkk 说： ( Stranger commented in LL19.com )

2009-05-1于10:53 上午

怎么音乐进度条拉动时要重新载入，

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-05-1于12:17 下午
  
  这个是在网络加载没有完全加载完毕的时候才会出现的问题，你拖动到没有加载完毕的位置时会出现这种情况。
  
  回复 | 回复并邮件
小白说： ( Has commented 2 times in LL19.com )

2009-04-30于3:13 下午

原文件我下载下来怎么一测试就出来
***.as不能反就位置 ………………请更改此文件中包定义的名称，或者移动该文件。E:\桌面图标\Lrc-Wave\GLLL-Lrc-Wave\src\blocks\lrc-wave\as3\com\ll19\menu\IMenu.as

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-05-1于12:22 下午
  
  这种问题，你要看看基础的文档，FLASH在编译的时候如何找到要编译文件的路径。我下面给你回复的“设置首选参数~AS3的类路径: ../as3”就是说FLASH会从当前FLA的上级目录下的AS3文件夹寻找要编译的AS文件。
  
  回复 | 回复并邮件
11212 说： ( Has commented 2 times in LL19.com )

2009-04-29于6:15 上午

1046: 找不到类型，或者它不是编译时常数: IMenu。
var musicXML:MusicXMLList = new MusicXMLList(playlist + “.xml?random=”+Math.random().toString(),this);
什么原因

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-04-29于10:07 上午
  
  设置首选参数~AS3的类路径: ../as3
  否则FLASH无法找到类路径经行编译。
  
  回复 | 回复并邮件
seveneleven 说： ( Has commented 4 times in LL19.com )

2009-01-5于12:16 上午

我发布到空间可以正常播放和显示歌词了,但 3 m 13 s – 1.47MB/1.47MB ( 100% ) 这些显示的都是0,还有进度条也不显示,是怎么回事啊,as我只修改了xml地址,其他都没动过

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-01-5于9:53 上午
  
  可能是加载的MP3有问题，我碰到过这种情况，转换过的MP3不能正确得到他的加载进度和时间，你要不先换一个MP3试试，看看进度和时间是否正确。
  
  回复 | 回复并邮件
  - seveneleven 说： ( Has commented 4 times in LL19.com )
    
    2009-01-5于6:24 下午
    
    可是我在本地播放都有显示哦放网上就不显示了
    
    麻烦你了
    
    回复 | 回复并邮件
    - 19. 说： ( Admin commented )
      
      2009-01-6于10:03 上午
      
      本地和网络是不一样的，本地一下就可以加载到100%要看也看不出来什么，你把你的页面地址发一下我具体看看，我个人感觉应该就是音乐文件的问题。
      
      回复 | 回复并邮件
      - 匿名说： ( Stranger commented in LL19.com )
        
        2009-01-6于5:43 下午
        
        要不你QQ上给我讲讲吧我QQ122688627 恭候大驾啊
        
        回复 | 回复并邮件
seveneleven 说： ( Has commented 4 times in LL19.com )

2009-01-1于1:22 下午

glll大大再麻烦问问你
这个播放器我flash xml我都上传好了 flash在网上xml加载正常但就是不播放怎么回事呀

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-01-1于4:46 下午
  
  歌曲地址确定正确吗？
  或者你只是想让它自动播放就把auto配制成YES~
  
  回复 | 回复并邮件
seveneleven 说： ( Has commented 4 times in LL19.com )

2008-12-27于10:32 上午

请问这个我播放中文歌,歌词怎么是乱码?
还有这个播放器能添加随机播放和循环播放嘛?

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2008-12-27于3:42 下午
  
  中文歌词用记事本打开存成UTF8编码~
  随机播放XML中auto=”"属性写成”random”，默认就是循环播放。
  
  回复 | 回复并邮件
19. 说： ( Admin commented )

2008-11-25于9:05 上午

This comment in post-97-1

请问那个邪恶的列表如何才能改成竖着排列的啊囧

：需要更改代码~你可以看看这个播放器
http://www.ll19.com/?p=80

回复 | 回复并邮件
Eli 说： ( Stranger commented in LL19.com )

2008-11-24于11:46 下午

This comment in post-97-1

请问那个邪恶的列表如何才能改成竖着排列的啊囧

回复 | 回复并邮件
19. 说： ( Admin commented )

2008-10-30于11:20 上午

文件夹目录分布是这样的：
根目录：GL-LL19.swf
子目录：XML，song
xml中配置文件是这样的：

song目录中有两个mp3文件；

http://localhost/GL-LL19.swf?playlist=xml/glll-lrc-list
访问后是空白一片，什么都没有，有错误，提示缺少对像；是怎么回事呢？

：建议直接这样访问：
http://localhost/GL-LL19.swf?playlist=http://localhost/xml/glll-lrc-list
不过不明白你直接访问FLASH为什么一片空白，可能是你的IE有问题或者是没有允许加载控件

回复 | 回复并邮件
文件夹目录分布是这样的：说： ( Stranger commented in LL19.com )

2008-10-30于10:28 上午

文件夹目录分布是这样的：
根目录：GL-LL19.swf
子目录：XML，song
xml中配置文件是这样的：

song目录中有两个mp3文件；

http://localhost/GL-LL19.swf?playlist=xml/glll-lrc-list
访问后是空白一片，什么都没有，有错误，提示缺少对像；是怎么回事呢？

回复 | 回复并邮件
http://localhost/GL-LL19.swf?playlist=xml/glll-lrc-list 说： ( Has commented 1 times in LL19.com )

2008-10-30于10:24 上午

另外还有一个问题：
http://localhost/GL-LL19.swf?playlist=xml/glll-lrc-list
访问后是空白一片，什么都没有，有错误，提示缺少对像；是怎么回事呢？

回复 | 回复并邮件
OK,可以了，没搞过flash,谢谢楼主了。说： ( Has commented 1 times in LL19.com )

2008-10-30于10:17 上午

OK,可以了，没搞过flash,谢谢楼主了。

回复 | 回复并邮件
19. 说： ( Admin commented )

2008-10-30于9:43 上午

这个压缩包我下载后，用flash as3 Pro 编译错误啊。
提示：找不到类型，或者他不是编译时常数。Imenu,musicxmllist,glltoolip

：所有的AS文件都在src\blocks\lrc-wave\as3这个路径下，FLASH里放有FLA文件，你从上面的图应该能看出来，算是自己的一个开发规范吧。所以在你用FLASH文件夹下的FLA导出SWF的时候需要设置一个默认类路径指向为上级目录的AS3文件夹../as3(FLASH的编辑-》首选参数中的AS3设置)，才能正确找到AS文件来编译成SWF。

回复 | 回复并邮件
这个压缩包我下载后，用flash as3 Pro 编译错误啊。说： ( Has commented 1 times in LL19.com )

2008-10-30于9:24 上午

这个压缩包我下载后，用flash as3 Pro 编译错误啊。
提示：找不到类型，或者他不是编译时常数。Imenu,musicxmllist,glltoolip

回复 | 回复并邮件
19. 说： ( Admin commented )

2008-10-28于12:17 下午

窄的那个是不是还没做好啊? ╯﹏╰

：窄的已经提供下载，http://code.google.com/p/glll/downloads/detail?name=GLLL-Lrc-Wave-ot.rar

回复 | 回复并邮件
19. 说： ( Admin commented )

2008-10-28于12:17 下午

不对啊~我把你压缩文件里面的.swf文件上传到我的空间,再调用你空间里面的xml,结果没用啊……..http://xnian.com/img/fl/music.swf?playlist=http://www.ll19.com/glll/xml/GLLL-Lrc-Wave/glll-lrc-list
是不是把.swf文件改过了?

：FLASH不能跨域加载XML，请加载自己域下的XML。

回复 | 回复并邮件
纪小年说： ( Has commented 28 times in LL19.com )

2008-10-28于11:06 上午

窄的那个是不是还没做好啊? ╯﹏╰

回复 | 回复并邮件
纪小年说： ( Has commented 28 times in LL19.com )

2008-10-27于9:07 下午

我发的回复怎么没了?~~~http://xnian.com/img/fl/music.swf?playlist=http://www.ll19.com/glll/xml/GLLL-Lrc-Wave/glll-lrc-list 没错吧?用的你压缩包里面的SWF文件,传到我空间里面,调用你的xml,无法加载上啊,求解

回复 | 回复并邮件
纪小年说： ( Has commented 28 times in LL19.com )

2008-10-27于8:57 下午

不对啊~我把你压缩文件里面的.swf文件上传到我的空间,再调用你空间里面的xml,结果没用啊……..http://xnian.com/img/fl/music.swf?playlist=http://www.ll19.com/glll/xml/GLLL-Lrc-Wave/glll-lrc-list
是不是把.swf文件改过了?

回复 | 回复并邮件
19. 说： ( Admin commented )

2008-10-27于7:36 下午

http://www.ll19.com/glll/xml/as3_flv/playList.xml
xml 规则看不懂啊
跟你介绍的不一样…

怎么写..
具体点可以不?

：例子XML提供错了， = =成FLV的XML了，具体例子可以看这个XML：
http://www.ll19.com/glll/xml/GLLL-Lrc-Wave/glll-lrc-list.xml

回复 | 回复并邮件
纪小年说： ( Has commented 28 times in LL19.com )

2008-10-27于5:39 下午

http://www.ll19.com/glll/xml/as3_flv/playList.xml
xml 规则看不懂啊
跟你介绍的不一样…

怎么写..
具体点可以不?

回复 | 回复并邮件
纪小年说： ( Has commented 28 times in LL19.com )

2008-10-27于5:00 下午

This comment in post-97-1

被雷到了!!!!!!

回复 | 回复并邮件
兔子说： ( Has commented 1 times in LL19.com )

2008-10-6于11:55 下午

喜欢这个播放器，可是在 MSN SPACE 里面不知道怎么弄

回复 | 回复并邮件
oo 说： ( Has commented 1 times in LL19.com )

2008-08-25于10:04 上午

暴力歌曲 ^_^

回复 | 回复并邮件
gill 说： ( Stranger commented in LL19.com )

2008-07-4于5:28 下午

太棒了wmv也能播放了

回复 | 回复并邮件
GLLL. 说： ( Admin commented )

2008-05-28于10:17 上午

本人不懂swf 希望出个两行的版本
都放在同一行窄的的博客就很难放了

：最近会改一个宽度相对较窄的出来，我也希望别人都能用上。

回复 | 回复并邮件
沙漠之子说： ( Stranger commented in LL19.com )

2008-05-28于12:18 上午

本人不懂swf 希望出个两行的版本
都放在同一行窄的的博客就很难放了

回复 | 回复并邮件