wordpress插入背景音乐与文章音乐的选择方案

前一段时间在研究怎么在博客首页及文章中插入背景音乐,在网上搜罗了一大圈,在此就做个简单的总结: 一、侧边栏音乐 就我个人而言,我更倾向于在博客首页加一个像小工具一样的音乐列表,当然不是每个选择方案都可以形成列表的,下面4种方案比较可行: 1、插件:flash-mp3-player.10.1.9 这款播放器除了是插件外,也是个widget,你可以在后台管理->外观->小工具中拖动此插件到右侧,以使得此播放器能显示在页面右侧中。 下载地址: http://wordpress.org/extend/plugins/flash-mp3-player/ 下载后也是解压至插件目录,然后激活,激活后在后台管理的设置可以对此插件进行设置,分别是: Settings/FMP、Settings/FMP,其中Settings/FMP是设置是否显示播放面板、字体颜色、以及播放器背景图片等等,背景图片插件自带一张图片,但建议将此背景只为空,另外你可以新建一个配置文件,此配置文件是一个XML格式的文件,你上传的音乐信息都会以一定的格式保存在文件中,但建议选择默认文件就够了 Settings/FMP中可以添加你的音乐链接,值得说明的是,各音乐位置之间是可以上下移动的,这点非常地不错! 最后在后台管理->外观->小工具中拖动此插件到右侧,拖动后可以设置播放器宽高、XML文件等信息,一般除了宽高外,其他都可以不动。 这一款插件博主之前在用,但是后来还是放弃了,因为发生过列表丢失的现象,我看网上评价很高,建议优先选择这个尝试下吧,功能比较强大。 界面如图:音乐 2、虾米音乐 吓米音乐易用性灰常高,注册一个号,可以直接把列表生成html代码,能过小工具中的文本放入侧边栏,可以对颜色等进行设置,个人感觉易用性高,唯一不足的是博主感觉音质不是很好,不能自定义歌曲地址,对于没有这个要求的同学,那一定是首选了。 下载地址:http://www.kuaipan.cn/file/id_12878021350456951.htm

  3、抽屉音乐 抽屉音乐,下载地址:http://www.chouti.com/service/outputMp3.htm 这个我的博客正在用,主要优点就是更新歌曲不需要再次修改代码,注册个账号后,可以直接添加歌曲,虽然添加歌曲的界面让人匪夷所思。缺点就是不能改变歌曲的顺序,默认后添加的在最前。 试试就知道。播放界面见下图:   4、豆瓣音乐 网上搜罗的,代码如下: 提醒:用时替换掉MP3地址,同时,加入文章时需要以代码形式加入。 小工具截图:image src:媒体文件地址。 autostart:是否自动播放,true为自动,false为手动。 loop:是否循环,true为循环,false只播放一次,也可直接设置数字,2表示播放2次,同理。 width:播放界面的宽度,一般在300到500之间最好。 height:播放界面的高度。根据视频、音频来定(音频时此值不必设太大)。 hidden:是否隐藏播放界面,true为不可见,false表示可见。


二、文章中音乐 可以选择上前文介绍4款音乐解决方案,当然对插入文中的音乐,还有其它更多的更好的解决方案: 1、Audio Player 下载地址:http://wordpress.org/plugins/audio-player/ 这个插件值得注意的是要设置一个默认音频目录的效验,其实就是检测下音频文件的默认搜索位置是否存在。当我们使用 [audio] 语法在日志或者页面里插入音乐的时候,如果没有提供 mp3 文件的绝对 URL (包含 “http://” 的完整 URL),Audio Player 会在这个目录中查找相关文件。默认音频目录的效验就是让你给Audio Player 指定一个有效的目录以便它进行查找,通常情况下Audio Player 会默认选择网站根目录下的 audio 文件夹,但是一般情况下我们没有建立audio文件夹,所以它是无效的,你在进行效验的时候则会显示:未找到音频目录。请检查您的服务器上是否存在下列目录,所以我们需要指定一个存在的目录,或者你可以直接使用根目录。 WordPress音乐播放插件:Audio Player 设置   WordPress音乐播放插件:Audio Player 使用: 一般情况下,建议HTML编辑模式下添加代码,代码范例如图: 2、 Dewplayer 这款播放器的样式如图(截图,别点): 下载地址: http://wordpress.org/extend/plugins/dewplayer-flash-mp3-player/ 下载后解压至插件目录,然后激活,在后台设置中进行设置,可以设置此播放器的显示样式、歌曲是否循环播放、是否自动播放等等,非常简单。 播放器可以插入到文章页面中,只需插入如下代码即可: [      dewplayer:http://www.hbgzz.com.com/mysong.mp3\] 或多首歌曲: [      dewplayer:song1.mp3song2.mp3song3.mp3] 多首歌曲间以分隔。 注:将[后的空格全部去掉 不过此播放器不能像widget那样通过拖动放在页面的右侧等位置。 3、XiamiPlayer for WordPress 说明:XiamiPlayer 虾米Html5和Flash播放器 使用方法:登陆 WordPress 后台 》插件 》安装插件 》上传,把下载的 xiamiplayer for wordpress 1.0.0.zip 上传,然后激活就OK了 插件设置: 登陆 WordPress 后台 》设置 》安装插件 》XiamiPlayer 设置,来设置js、css加入位置。 播放界面截图: image  


综上所述, 大家选择自己最喜欢的音乐样式吧。

文章目录