记录生活 学习SEO优化 | 他日若遂凌云志 敢笑黄巢不丈夫
>>Home > 学习笔记 > 给WordPress换上了功能类似AudioPlayer的,Flash音乐播放器

给WordPress换上了功能类似AudioPlayer的,Flash音乐播放器

Tags: | | 作者:海天无影

海天还是很喜欢听歌的,也很喜欢给大家推荐好听的歌。既然要给大家送上好听的歌,那就得有音乐播放器了,本来海天的BLOG也是和大多数人一样用的AudioPlayer插件,可是上次看到hzlzh博客上推荐的一个mini flash音乐播放器很是不错,外观和AudioPlayer差不多,是海天喜欢的简洁;功能上也还可以,满足了海天的需要。

秉着多一个插件不如少一个插件的原则,海天决定换上这个短代码Flash音乐播放器。

现在海天的BLOG上所有的音乐播放器已经换成这个短代码的FLASH音乐播放器,在给大家看一下效果吧。以下是上次推荐的《星象仪》中文版/日文版两集连播。[music title="星象仪中文版,星象仪日文版"]http://dl-web.dropbox.com/u/5809448/music/xingxiangyi.mp3,http://www.george24.com/~huadie/Planetarium.mp3[/music]

怎么样效果不错吧,外观和AudioPlayer如出一辙,都可以直接换上AudioPlayer的外观样式代码的。功能上也和AuidoPlayer差不多,可以添加参数,实现修改是否自动播放、循环,可以修改音乐标题,海天有这些功能也就足够了。只是此播放器不支持中文名音乐文件(也就是不能识别有%的音乐地址),实在是一大憾事啊。下面来看看如何添加这样一个短代码的Flash音乐播放器,以及如何更好的使用。

首先,下载这个Flash播放器的swf文件。 download-下载,Flash播放器swf文件

接着,把这个swf文件上传到“wp-content/theme/你的主题目录/”下,当然你也可以改下面代码,来实现放在任意位置。

最后在主题目录下打开functions.php文件,将以下代码添加至文件中,注意放在文件中间左右位置,不要破坏文件本身结构。

/**添加 flash player */
    function myplayer($atts, $content=null){
    extract(shortcode_atts(array("auto"=>'no',"loop"=>'no'),$atts));
    return '<embed src="'.get_bloginfo(" template_url").'/player.swf?soundFile='.$content.'&bg=0xeeeeee&leftbg=0x357dce&lefticon=0xFFFFFF&rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&loop='.$loop.'&autostart='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="290" height="30">';
}
add_shortcode('music','myplayer');

使用方法:[music]音乐文件地址[/music]

以上调用代码的标识[music]可以任意修改为你想要的,例如[yinyue]等,只要你将代码的最后一行中的'music'修改为你想要的标识。

播放器默认的是不自动播放,不循环播放。和AudioPlyer一样,此播放器也可以控制是否自动播放、循环,可以修改音乐标题,只要添加标签参数就可以了。当然这里添加的地方肯定不同,此Flash播放器标签参数添加于[music]里,“auto”标识自动播放,“loop”表示循环,“titles”标识音乐名。具体用法如下:

[music loop="yes" auto="yes" titles="音乐名(这个用中文没事)"]音乐文件地址[/music] (去掉其中空格,以下文中代码同理)

如果需要几首歌连播,就像上面海天用的那样,只需要用英文输入下逗号,来分隔音乐文件地址,和音乐名即可。

日志信息 »

该日志于2010-04-12 09:56由 海天无影 发表在学习笔记分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下转载到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

30条评论▼点击进行评论

  1. 你这个影视博客确实该装个播放器

    • 这个只是音乐播放器,呵呵
      视频我一般就直接调用优酷的了
      省空间,升流量

  2. 偶都好久没心情听音乐了。。。

    • 怎么啦?
      给你加宝宝也听听啊~ :lol:

  3. 这个用插件应该也不必不用插件慢什么。

    • 应该还是有点影响的吧
      AudioPlayer还是会写东西到数据库的吧
      而且貌似是一个调用,插一条数据库的吧

  4. 前两天在学习中心上课,那里的电脑不能打汉字,所以就用英语喽 :roll:

    • 额 怪不得
      英语好就是好啊
      要是我的话只能是汉语拼音了……

  5. 我早就装了,但是我没有改代码。不真能折腾啊?

    • 额 你说装的什么?AudioPlayer吗?
      这个貌似是靠短代码实现的啊

  6. 半夜打开网页,巨大的声音。小心吓坏。

    • 额 我没开自动播放的啊……
      呵呵 让你们自己点就是了~
      除非是配合文章的心情音乐 我可能会自动播放~

  7. 呵呵 不错 ,不过FLASH的播放器还是有点问题

    • 额 还有什么问题啊
      讲一下哈……

  8. 技术值得学习但我的站不适合放音乐

    • 呵呵 你的都是软件 的确不适合~

  9. 网站应该有点合适的背景音乐的,可以吸引来访者的!要适合。。。。

    • 哈哈 说的是
      有时音乐更能表达文章的感情~

  10. 不错 海天越来越厉害了~

    • 哈哈 谢谢夸奖
      其实……
      还是抄来的,汗

  11. 你的站在美国啊
    我的博客刚搬家从Cpanel搬到DirectAdmin,从美国搬到国内,哈哈 是不是很疯狂啊!刚刚写了搬家日志。有兴趣的话去看看,可能会用哦 呵呵!!
    谢谢支持啊!

  12. 挺好看的,呵呵,看来我比较懒,懒得都没有去改代码了,不过当年我发现没有改代码的好处是,从别的博客程序转换到WP后,歌曲还可以放,而改代码的放不出来。不过现在不一样了,我估计不会再转换到别的程序了。

    • 呵呵 是啊 不同程序 播放软件不一样啊
      就怕换了程序以后 插件什么的不通用

  13. 代码好麻烦的样子~

    • 额 不麻烦啊?
      直接复制上去就可以啊
      你说调用代码?额 貌似还算好记的吧~

  14. 呃 不错 收下了!

    • 呵呵 是蛮不错的 简单 而且样式也还行的

  15. 下载不下来?

    • 额 开了防盗链……
      右击另存为吧……

    • TONY
      你再来帮我看看附件还能下载了
      我这边可以了

  16. 呃 还不行~~~发我邮箱一份吧!dashan714@126.com

    • 额 不知道为什么不能下载
      郁闷 我去问问别人去
      邮件马上发给你

  17. 有好几个。。我最喜欢你推荐的这个。。
    够简洁~

  18. 可以了!

    • 呵呵 可以就好了 谢谢帮忙测试啊~ :lol:

  19. 之前还记得有一个在线播放器,界面跟这个一样,直接通过代码调用的。

    • 在线播放?是有外链的网盘不?
      要是网盘给这个播放器,那我用他的网盘也不错~

  20. 这功能不错,有空也换上 :roll:

    • 呵呵简单的一段代码
      换下一个大插件 何乐而不为呢~

  21. 这个不错,audio player有点大了,不管用用他的播放器,头部都要加载js文件。我添上试试~

    • 是啊 而且还会给数据库里写东西
      呵呵 换上这个比较好 不过还是有点小瑕疵
      比如:1、不能用中文名的歌曲 2、一个页面有两首歌,不会打卡新的自动关闭旧的
      不过这个问题都不大啦~

      • 第二个问题貌似可以解决,需要加对象id,有几个播放器就要加几个不同的对象id,然后通过js去操作一下,明天试试,但不一定能搞定啊,呵呵

        • 要是一段JS就能控制 那到是不错
          你JS很厉害的啊 呵呵 好好试试~

          • 我找到一种方法,测试可行,不过只能在IE6,7,8和chrome中有效,FF中无效。
            你还要吗?

            • 额 修改的复杂吗?
              还有为什么FF不行啊 我现在就在用FF……

              • 具体为什么ff中实现不了,目前我也不太清楚。。。。
                不过IE和chrome中实现效果还不错~

                • 呵呵 代码看看呢~

                  • 我写篇文章吧,一会发布了你去我那吧,OK?

                    • 呵呵 好的~ :mrgreen:

                  • 你这里不支持ping吗?

                    • ping?你说的pingback还是啊?
                      我取消掉了……

            • 呵呵 很强的啊
              我还是看看方法 学习下~ ;-)

  22. 如果能自动扫描指定文件夹中的音乐文件就好了 那样每次我们有新的音乐要加入列表时及不需要每次都去添加和修改代码了

    • 额 汗 这个功能是强大……
      我是暂时没这个技术了……

  23. 为什么我的无法加载影片!~! :sad:

  24. 怎么去掉我网站flash的声音呢?哎 :x

  25. ;-) 哥们,为什么我的就无法播放呢?打开之后显示file not found。

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 

« Baby疯high现场,全场的小女孩都要疯了 查看、限制自己的网速 »