切换到宽版
  • 858阅读
  • 2回复

【主题美化&增强系列】WordPress实现AudioPlayer功能(非插件) [复制链接]

上一主题 下一主题
 

只看楼主 倒序阅读 使用道具 0楼 发表于: 2010-10-08
— 本帖被 ralix 设置为精华(2010-10-09) —
效果如图所示


第一步:下载所需文件   player.rar (16 K) 下载次数:8
里面有player.swf和player.js两个文件,将player.swf放在主题目录下,player.js放在你的脚本目录中。

第二步:在functions.php中加入如下代码:
  1. function myplayer($atts, $content = null) {
  2. extract(shortcode_atts(array("auto"=>'no', "loop"=>'no', "id"=>'audio1', "vol"=>'100'), $atts));
  3. return '<object width="290" height="24" type="application/x-shockwave-flash" name="'.$id.'"
  4. style="outline: medium none;"
  5. data="'.get_bloginfo("stylesheet_directory").'/player.swf" id="'.$id.'" sap="flash"
  6. sap-mode="checked" sap-type="flash"><param name="bgcolor" value="#FFFFFF">
  7. <param name="wmode" value="transparent"><param name="menu" value="false">
  8. <param name="flashvars" value="initialvolume='.$vol.'&
  9. left=000000&lefticon=FFFFFF&soundFile='.$content.'&playerID='
  10. .$id.'&autostart='.$auto.'&loop='.$loop.'">
  11. </object>';
  12. }
  13. add_shortcode('music', 'myplayer');


调用格式:
  1. 如需要一个自动播放,循环播放,音量为60的播放器,在编辑器中输入格式如下(去掉下划线,后同):
  2. [mu_sic auto="yes" loop="yes" vol="60"]音乐地址[/mu_sic]
  3. 如需要多个音乐播放,则用英文逗号将音乐地址隔开,格式如下:
  4. [mu_sic auto="yes" loop="yes"]音乐地址1,音乐地址2[/mu_sic]
  5. 如需要两个不自动播放,不循环播放,且能互相切换的播放器,格式如下:
  6. [mu_sic id="1"]音乐地址[/mu_sic]
  7. [mu_sic id="2"]音乐地址[/mu_sic]
  8. 此播放器不支持中文名音乐地址。


第三步:加入脚本
在footer.php中加入如下代码

  1. <script src="<?php bloginfo('stylesheet_directory'); ?>/js/player.js" type="text/javascript"></script>



整理自YY和Heson的wordpress双人情侣博客
[ 此帖被blueandhack在2010-10-08 22:57重新编辑 ]

只看该作者 1楼 发表于: 2010-10-09
这个用插件应该会更容易一点吧。。

只看该作者 2楼 发表于: 2010-10-09
回 1楼(ralix) 的帖子
我认为~~用插件比不用插件快一些~~
主要在处理速度方面~
快速回复
限100 字节
 
上一个 下一个