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

发布于 2022-08-28 00:37:52 字数 163 浏览 14 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

暮年 2022-09-04 00:37:52

首先,你得先安装一个WP的Audio Player的插件:
http://wpaudioplayer.com

然后在发布文章的时候,使用它:
http://wpaudioplayer.com/usage/

可遇━不可求 2022-09-04 00:37:52

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

  <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自动播放。

箜明 2022-09-04 00:37:52

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

我的鱼塘能养鲲 2022-09-04 00:37:52

我这边有个短代码实现的播放器功能。
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.'&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/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文