wordpress如何在文章页面加入Audio Player音乐播放器?

请问如何在wordpress文章的single页面里加入Audio Playe播放器呢?我想实现的功能是,在wordpress中的single页面里先加入Audio Player播放器,然后通过wordpress中的自定义栏目调用音乐文件的链接来实现每篇文章不同音乐的效果。或者想请问还有什么更好的实现方法呢。

阅读 10.5k
4 个回答

给你一段代码,配置好资源文件地址后,你可以嵌在你的自定义栏目里:

  <embed src="http://xyan-upload.stor.sinaapp.com/music_player.swf" flashvars="mp3=http://xyan-upload.stor.sinaapp.com/music_1.mp3|http://xyan-upload.stor.sinaapp.com/music_2.mp3&autoplay=0&autoreplay=1&showtime=1&volume=50"  height="20" width="160" wmode="transparent" type="application/x-shockwave-flash" />

flashvars="" 里面配置资源地址;
autoplay=0不自动播放,autoplay=1自动播放。

Audio Player播放器 ,其实就是个flash的音频播放器,只要往这个方向过去找就好了。至于这个播放器如何读取wordpess的post自定义数据,估计要利用这个flash的音频播放器本身提供的操作和读取规则,我知道的大部分是利用javascript的,所以还不一定你找到的flash的音频播放器wordpess就直接能用。
另外如果只考虑html5的话,估计有见简单的解决方式。

我这边有个短代码实现的播放器功能。
1.下载 http://www.douban.com/swf/player.swf 这个播放器(请使用迅雷下载)
2.编辑主题的functions.php文件。将下面的代码加入到其中

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

3.调用
写文章的时候用HTML模式插入下面这一段

[music]http://xxx.com/xxx.mp3[/music]
(默认不会自动播放的。如果想要自动播放的话可以用下面的代码)

[music auto=1]http://xxx.com/xxx.mp3[/music]
(这个可以自动播放)

这个我个人认为很棒,推荐使用,方法也很简单。目前已经很多wordpress博客集成了。
详细方法在这里:http://www.aips.me/wordpress-mp3.html

另外再推荐一个,使用yahoo webplayer 完成
只需要添加一行js在网页,然后加个mp3结尾的超级链接(对一行文字添加一个mp3结尾的音乐链接地址)就可以添加一个音乐播放器了。
wordpress也有相关插件,在这里:http://wordpress.org/plugins/yahoo-media-player/installation/

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进