audio player播放多文件

    audioplayer是一个wordpress的播放插件,好用。找了点资料,

基本上可以用起来,但如果想让它播放多个文件,网上却没有找到办

法。于是花了一下午时间,读了半天js,找到解决方案。

    如果想定制使用在自己的系统中,一般的办法是用js,但比较
复杂,不好看懂。通过尝试,在demo-single中实现了一种比较简单
的办法,直接嵌入flash即可。关键在于参数设置,单文件播放问题
不大,通过对js的分析,找到多文件播放的办法,就是用逗号分隔
开多个播放文件,参见falashvars的设置。
    其他属性都比较简单。

我的demo:

https://files.cnblogs.com/jetz/audioplayer%e5%8f%af%e7%94%a8%e7%89%88%e6%9c%ac.rar

参考:

https://files.cnblogs.com/jetz/audioplayer%e5%8f%af%e7%94%a8%e7%89%88%e6%9c%ac.rar

http://anotheridea.ycool.com/post.2757521.html

http://www.mapleflying.com/archives/201011211590.html

-----------------------------------------------------------------------------------------------------------续(2010.2.26)

  想把audioplayer应用到自己的一个网页中,原来的网页用的windows media player,用一些js代码和ajax控制播放和取

状态,加载新的歌曲。结果在这个播放方式下卡壳了。首先无法动态用js设置FlashVars,找了半天找到一种方法可以设置,就

是给对应的Param加一个id,再用getElementById获取,再设置:

   var plist=document.getElementById("plist");

   plist.value="playerID=1,2&soundFile=1.mp3,2.mp3&titles=歌曲1,霍元甲&artists=啊,哦";

  可惜,虽然设置成功了,但flash却没有反应,因为需要重新加载。后来采用网上建议的方法,把object放到一个div中,每次写div的innerHTML。

   var pp=document.getElementById("pp");

   pp.innerHTML="<OBJECT id=audioplayer_1 style=\"VISIBILITY: visible; outline: none\" height=24" +
                "width=490 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 name=audioplayer_1>" +
                "<param name=\"FlashVars\" value=\"autostart=yes&playerID=1,2&soundFile=1.mp3,2.mp3&titles=歌曲1,霍元甲&artists=啊,哦\" id=\"plist\">" +
                "<PARAM NAME=\"Movie\" VALUE=\"player_rebuild_done.swf\">"+
                "<PARAM NAME=\"Src\" VALUE=\"player_rebuild_done.swf\">"+
                "</OBJECT>   ";

  随后遇到不能自动播放的问题。解决办法是加一个参数autostart=yes

  参考:http://www.discuz.net/forum.php?mod=viewthread&tid=372008

posted @ 2011-02-08 16:53  jetz  阅读(832)  评论(0编辑  收藏  举报