如何在你的wp中插入音乐播放器

呵呵, 这里我将分享下如何把音乐播放器插入到你的wp中.

基础知识

首先, 你要明白音乐播放器一般是个flush插件, 于是对于手机用户可能不支持. 对于那些没安装flush插件的浏览器也可能不支持.

一般来说, wp官网已经提供了相关的插件, 但是我觉得都不太理想. 一是样式不好看, 二是可控性太低.

于是让我们一起来动动手, 插入一个很酷的音乐播放器.

一点准备知识

首先我选用的是法国人开发的一款清新的播放器插间————Dewplayer. 官网在这里, 效果也可以参考我注意的边侧栏. 其实我用的是playlist主题, 它还提供了许多主题.

其次, 我的方法是把播放器直接传到服务器上, 通过插入小工具来调用播放器.

具体步骤

  1. 点击这里下载Dewplayer插件包, 当然也可以在官网下载, 我这里只是自己添加了一个playlist, 可以自动播放我的音乐, 即那个sad.xml文件; 关于如何编辑自己的播放列表, 可以仿照默认的playlist.xml. 关键是要有个不变的音乐地址, 我用的是live.cn来存储的.
  2. 解压并上传下载的插件包到你的plugins目录下, 使得我们能够通过wp-content/plugins/dewplayer/ 可以调用播放器.
  3. 进入你的wp控制面板, 点击外观->小工具->文本; 拖动文本小工具到右边的边侧栏, 然后填写标题为Dewplayer(随便什么都行的), 关键是后面的内容. 把如下代码

    填写在标题下面的大框框中, 如图所示
  4. 点击你的主页, 预览下能否正常播放了?效果如图所示
  5. 各项参数意义是明显的, volume是音量大小; showtime表示是否显示播放时间; autoplay是否自动播放, 即不点播放键自动开始;autostart表示自动开始;randomplay表示随机播放; fading表示歌曲之间的间隔时间;
  6. 关键点有几个, 即是那几个wp-content的地方, 一定要指定对, 前两个是播放器的相对路径, 而最后一个是播放列表的地址; 这里的sad.xml是我自己制作的, 你若下载的是官网的插件包, 那么是没有的, 请用默认的playlist.xml代替.
  7. 最后, 你会发现在IE下仍然不能播放, 这可以通过把上述代码copy到一篇新文章中(HTML编辑模式), 切换到可视化模式, 再回到代码编辑模式, 这是你会发现原来的代码变了. 其实就是加入了embedding, 把现在的代码替换原来的代码, IE就可以正常识别了. 如图所示

发表评论