WordPress插入音乐播放器

说到音乐应该是每个博客都不可缺少的,在Wordpress文章或者日记中插入音乐是算基本需求了。本文介绍在wordpress添加音乐播放器的两种方法,所添加的播放器不但支持html5,也可以自适应。

插件实现音乐播放器

在此首先给大家推荐一款业内良心插件:本站使用的插件也就是他了.

演示一下本站的播放器效果,也是该有的都有,简洁大方不解释。Hermit播放器支持虾米音乐和网易云音乐,你可以直接在文章中插入来自虾米或者网易云音乐的歌曲到文章中。以下为演示:(样式为远方的海优化版,如果你也喜欢本站的样式可以参考:美化Hermit播放器代码

点击开始播放或暂停
00:00/00:00
1IRONY– ClariS
2深海少女– 初音ミク
3泡沫– G.E.M.邓紫棋

然后又到了本洁癖患者出场的时间了,接下来介绍一个非插件短代码添加音乐播放器的方法。

下载播放器

下载mp3播放器,放在当前主题的目录下:点击下载

添加代码

在模板函数functions.php结尾处插入以下代码:(宽度和高度分别是400*30,这个可以根据你的需求更改~)

//mp3播放器
function mp3player($atts, $content=null){
extract(shortcode_atts(array("auto"=>'0'),$atts));
return '<embed src="'.get_bloginfo("template_url").'/mp3player.swf?url='.$content.'&amp;autoplay='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="400" height="30">';
}
add_shortcode('mp3','mp3player');

调用和补充

调用

使用/调用方法:文章中插入音乐使用时:如下调用:

[mp3 auto="1"]歌曲的链接,如http://www.xyz.com/xxx.mp3[/mp3]

auto值:0不自动播放,1自动播放。也可以不加如下,默认不自动播放:

[mp3]歌曲的链接,如http://www.xyz.com/xxx.mp3[/mp3]

补充

如何获取一个mp3的url链接呢,推荐大家使用网盘或者云空间。也可以自己上传到自己的媒体库里面(这个可能比较费流量)。当然Sven给大家推荐七牛免费云空间了。

关于七牛的使用,还有两篇文章可以给大家参考。

  1. WordPress 使用七牛加速网站之初级篇
  2. WordPress 非插件七牛CDN全站加速

 

https://www.seavia.com/wordpress/add-music-without-plugins.html

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。