• 2007-03-13

    为你的blog加上漂亮的媒体播放器(11款) - [Toolbox]

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://e-rock.blogbus.com/logs/4762306.html

     从新浪偷来的播放器:

    优点:

    • 外观华丽。
    •  支持多张播放列表切换,播放列表内嵌。(选择分组就是选择播放列表)

    缺点:

    • 不能scroll,如果一个播放列表里的曲目太多时播放器会变得很长。
    •  只支持mp3格式。

    星级:★★★☆

    说明:

    插入blog模板的代码只需要修改长宽,2.swf改成你的播放器地址,1.xml改成你的播放列表地址就ok了。

    播放列表的参数我已经在1.xml里说明了,用记事本打开就可以看到。

    另外,播放器,播放列表要传在同一个文件夹里,否则可能无效。

    其实上面是比较傻瓜的做法,还可以在头文件里插入一个js文件,然后通过js参数来控制播放器,这里就不具体说了,js文件我已经放在压缩文件里了,自己研究吧。

    打包下载地址(5swf+1js+2xml):

    http://www.soeasy.net.cn/pickFilesAction.do?topicId=1596058&uid=1148469
    密码:e-rock.blogbus.com


    Kinglong Media player

    作者:kinglong

    优点:

    • 支持flv,mp3。
    • 播放列表内嵌。
    • 支持简单的js控制。

    缺点:

    • 不支持多张播放列表。
    • 外观不够漂亮,不能改变颜色。

    星级:★★★☆

    下载和演示地址:http://www.klstudio.com/post/19.html

    补充:播放列表要和播放器传到同一个文件夹。

    代码:  
      <div id="flashcontent">Flash movie</div>
       <script type="text/javascript" src="swfobject.js"></script>
       <script type="text/javascript">
        var so = new SWFObject("player.swf", "player", "160", "185", "7", "#FFFFFF");
        so.addParam("quality", "best");
        so.addParam("wmode", "opaque");
        so.addParam("menu", "false");
        so.addParam("scale", "noscale");
        so.write("flashcontent");
       </script>
      </div>


    Flowplayer

    Author:Anssi Piirainen

    因为这款player是最近才更新的,我也只是大概看了一下,可能有些地方说得不对。

    优点:

    • 支持flv,swf,图片播放。
    • js控制功能强大,设置灵活。
    • 支持多张播放列表。
    • 可更换多种skin。
    • 支持防盗链。

    缺点:

    • 不支持mp3
    • 看不到播放列表
    • 播放列表不是做为单独文件分开。

    星级:★★★★

    演示地址:http://flowplayer.sourceforge.net/showcase.html

    使用说明:http://flowplayer.sourceforge.net/howto.html

    下载地址:http://sourceforge.net/project/platformdownload.php?group_id=133868


    Jeroen's Media player:

    author:jeroen

    就是我现在侧边栏里用的这个。

    这是作为单曲播放时的截图:

    优点:

    功能多,设置灵活,外观更改灵活,支持多种格式的图片,mp3,flv,swf,支持多种流行格式的播放列表(rss,atom,xspf),能过php读取远程rss,不需要在本地更新播放列表-当然,前提是服务器支持。

    The Flash Media player supports playback of a single media file of any format the Adobe Flash Player can handle (MP3,FLV,SWF,JPG,PNG or GIF). It also supports RSS/XSPF/ATOM playlist (with mixed mediatypes), a wide range of flashvars (settings) for tweaking both behavior and appearance and an extensive, documented javascript/actionscript API.

    缺点:

    不支持多张播放列表内部切换,只能把表放在外部,通过js控制。

    星级:★★★★☆

    下载地址(内含使用说明):http://www.jeroenwijering.com/?item=Flash_Media_Player

    支持论坛:http://www.jeroenwijering.com/?forum=All


    Flam Player

    最大的特色就是自带playlist生成器和管理器,外观豪华,而且可以自由设置外观和颜色,可惜需要php架设,不适合简单的blog,而且长度没得改,一改就走样。

    截图:

    地址:http://www.flamplayer.com/


    其余的像xspf player也很有名,可是我不喜欢,不好看,尤其现在跟webjay挂钩,感觉像间谍软件一样。

    wimpy的也不错,虽然是收费的,但是在国内可以找到免费源码,不过我没怎么研究,就不说了。


    下面是适合放在单篇日志中的简单程式。

    single players

     

    其实有些也支持播放列表,但是看不到也没意思。

    用记事本打开压缩包里的html文件,修改一下长宽和曲目地址就ok了。

    这里面我比较喜欢dewplayer和bloglines的player,dewplayer可设置背景颜色,至于bloglines的player你用了就知道了。

    打包下载地址:http://www.soeasy.net.cn/pickFilesAction.do?topicId=1596076&uid=1148469

    写得很累,如果对你有用,请说一声,不要太吝惜你的键盘。

    另外如要转载,请标明出处:http://e-rock.blogbus.com


    收藏到:Del.icio.us




    评论

  • 这几乎是网上能找到的最详细的了!谢谢~

    不过单篇日志里的那个包的链接 http://www.soeasy.net.cn/pickFilesAction.do?topicId=1596076&uid=1148469 好像失效了,能麻烦你再上传一次吗? 谢谢~~~~
  • 麻烦可以不可以教我下...怎么弄你现在的这个播放器噢..我好喜欢..可惜不大弄的来....谢谢锕..
    e-rock回复Cherie说:
    不好意思,今天刚看到你的留言,中文教程已经有人弄出来了,如果你机算机的语言设定的是中文,到论坛的右下角就可以看到连接
    2007-05-23 10:31:37
  • 我想问下jeroen's media player要怎么用在我的Blog上噢? 虽然下载下来有说明..但是英文的还是看的半懂不懂..能不能稍微讲一下..怎么设置..谢谢捏.
  • 我也想用哦,可是不会……可不可以教教我?
    e-rock回复说:
    你哪里不会,能说得具体点吗?
    2007-03-21 12:42:53
  • 我的意思是不仅仅是播放器的代码,还有什么图片的代码啊,我想要在日志里记录一下代码,以后好用,结果记录下的代码一发布,回到首页看应该显示的是字母,但却显示的是代码要显示的东西了,要不就是显示错误。可是我看你的就显示的很好。
  • 有个问题,最后一种播放器为什么要下载使用呢?也没有写要怎么用
    e-rock回复kissdolphin忆瀞说:
    最后一种是指single player吗?下载的是player的swf文件,你要传到你网上的文件夹里才能调用,比如blogbus自带的那个文件夹。
    还有一个html文档,用记事本打开就可以看到代码,你需要做的只是把player的地址改成你的palyer在网上的地址,把歌曲的地址改成你要播的歌曲地址就ok了。
    2007-03-14 12:35:05
  • 为什么你的日志里可以写代码呀?我一写代码就直接把代码要显示的东西显示出来了,郁闷,怎么回事啊?
    e-rock回复kissdolphin忆瀞说:
    我知道了,blogbus改版以后增加了限制,现在日记主体里只能用embed的形式,你试试这段代码。
    (embed src="player的地址" width="300" height="20" bgcolor="#FFFFFF"
    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
    flashvars="file=mp3的地址&autostart=false" /)
    把(改成<
    2007-03-14 12:29:53
  • 很有用的

    我也偷一个回去玩玩~~~
  • 这个挺有用的……

    来学习学习。

    对single兴趣比较大,看起来比较简约。

    另外,从你这里偷了留言簿走了。嘿嘿

    还是忍不住想说,新浪的播放器……莔rz……
  • 你太强了!~连新浪都没放过.

    其实通过JS选择播放列表,也不错的

    Jeroen的media player看起来最舒服了~~