zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    1. 加载文件的方法
    9. 位运算符
    8. 条件(条目,三元)运算符
    3. PHP比较运算符
    hdu3336 Count the string
    Codeforces Round #228 (Div. 2)
    hdu4288 Coder(线段树单点更新)
    hdu2852 KiKi's K-Number
    poj1195
    poj2299
  • 原文地址:https://www.cnblogs.com/jetz/p/1949929.html
Copyright © 2011-2022 走看看