Some print.
Some print.

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

by 19. on 2008-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播放器如果觉得宽度过长可以下载下面这个(点击图片看效果)：

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

演示：

相关下载：

一条可以置顶在页面上方的LRC LINE~：http://www.ll19.com/index.php/lrc-19line/

仿PSP自带的播放器效果，访问这里：http://www.ll19.com/index.php/101/as3-lrc-mp3-wave-flash-psp/

{ Tags: , , , , }

(查看之前文章)    »    |    (查看之后文章)    »    |


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



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

  1. hibqh 说： ( Stranger commented in LL19.com )
    五月 2, 2009于9:50 上午

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

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      五月 2, 2009于3:35 下午

      列表的颜色和底色以及下划线是通过修改GlllPlayList.as里面的字体的backgroundColor来更改的，下滑线就是类似HTML中的<u>，这个播放器做的比较早，个性化配置方面做的不好，如果需要根据自己站点的情况做出配置你可以下载下面这个：
      http://www.ll19.com/lrc-19line.html

      回复 |  回复并邮件
  2. gkkk 说： ( Stranger commented in LL19.com )
    五月 1, 2009于10:54 上午

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

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      五月 1, 2009于12:24 下午

      - 。-，具体是什么“好慢”。

      回复 |  回复并邮件
      • GKKK 说： ( Stranger commented in LL19.com )
        五月 1, 2009于2:43 下午

        传到网页上显示很慢，不像http://www.ll19.com/?p=80这个播放器，很快网页就显示出来了

        回复 |  回复并邮件
        • 19. 说： ( Admin commented )
          五月 1, 2009于6:04 下午

          显示速度跟网速以及FLASH大小有关，这个播放器编译后只有20多K，不应该很慢才能打开，要么你把播放器的页面地址发一下我具体看看。

          回复 |  回复并邮件
  3. gkkk 说： ( Stranger commented in LL19.com )
    五月 1, 2009于10:53 上午

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

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      五月 1, 2009于12:17 下午

      这个是在网络加载没有完全加载完毕的时候才会出现的问题，你拖动到没有加载完毕的位置时会出现这种情况。

      回复 |  回复并邮件
  4. 小白 说： ( Has commented 2 times in LL19.com )
    四月 30, 2009于3:13 下午

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

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      五月 1, 2009于12:22 下午

      这种问题，你要看看基础的文档，FLASH在编译的时候如何找到要编译文件的路径。我下面给你回复的“设置首选参数~AS3的类路径: ../as3”就是说FLASH会从当前FLA的上级目录下的AS3文件夹寻找要编译的AS文件。

      回复 |  回复并邮件
  5. 11212 说： ( Has commented 2 times in LL19.com )
    四月 29, 2009于6:15 上午

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

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      四月 29, 2009于10:07 上午

      设置首选参数~AS3的类路径: ../as3
      否则FLASH无法找到类路径经行编译。

      回复 |  回复并邮件
  6. seveneleven 说： ( Has commented 4 times in LL19.com )
    一月 5, 2009于12:16 上午

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

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      一月 5, 2009于9:53 上午

      可能是加载的MP3有问题，我碰到过这种情况，转换过的MP3不能正确得到他的加载进度和时间，你要不先换一个MP3试试，看看进度和时间是否正确。

      回复 |  回复并邮件
      • seveneleven 说： ( Has commented 4 times in LL19.com )
        一月 5, 2009于6:24 下午

        可是 我在本地播放都有显示哦 放网上就不显示了

        麻烦你了

        回复 |  回复并邮件
        • 19. 说： ( Admin commented )
          一月 6, 2009于10:03 上午

          本地和网络是不一样的，本地一下就可以加载到100%要看也看不出来什么，你把你的页面地址发一下我具体看看，我个人感觉应该就是音乐文件的问题。

          回复 |  回复并邮件
          • 匿名 说： ( Stranger commented in LL19.com )
            一月 6, 2009于5:43 下午

            要不你QQ上给我讲讲吧 我QQ122688627 恭候大驾啊

            回复 |  回复并邮件
  7. seveneleven 说： ( Has commented 4 times in LL19.com )
    一月 1, 2009于1:22 下午

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

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      一月 1, 2009于4:46 下午

      歌曲地址确定正确吗？
      或者你只是想让它自动播放就把auto配制成YES~

      回复 |  回复并邮件
  8. seveneleven 说： ( Has commented 4 times in LL19.com )
    十二月 27, 2008于10:32 上午

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

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      十二月 27, 2008于3:42 下午

      中文歌词用记事本打开存成UTF8编码~
      随机播放XML中auto=”"属性写成”random”，默认就是循环播放。

      回复 |  回复并邮件
  9. 19. 说： ( Admin commented )
    十一月 25, 2008于9:05 上午

    This comment in post-97-1

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

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

    回复 |  回复并邮件

回复分页(Comments pages):     « 早前评论   

文章回复(Leave a reply):

注意: 评论者允许直接点击留言人下方的“回复并邮件”按钮将自己回复的评论邮件通知另外评论者。点击“回复”按钮则只回复不发邮件。