WordPress 新增音樂播放器除了安裝外掛(插件)的方法,也可以自行加入音樂播放器,免除了太多的外掛(插件)增加Blog博客的負擔。
DewPlayer音樂播放器,樣式很簡單,而且很實用,播放器可以根據自己的喜好改變顏色,也算比較個性化吧。
該播放器支持多DIY,設置默認音量大小、是否自動播放、是否循環播放、是否淡出淡入等。
該音樂播放器有多款式,大小可選,支持播放、暫停、停止、上一首、下一首、調節音量、以及多首音樂播放列表。
首先!你可以上官方網站體驗一下這套音樂播放器,官方提供多個樣式,播放數十種音樂試驗。
官方網站︰請按此!!
1. 下載DewPlayer音樂播放器檔案文件,請按此到官方下載。
2. 下載後!並解壓縮,得到一份名為"dewplayer"的文件夾,打開後!只需要提取"dewplayer.swf"或"dewplayer-multi.swf"這份檔案,上傳到WP的風格主題的"image"目錄內(如果沒有請自行創建)。
3. 在WP的風格主題找到一份文件名為: functions.php 貼上以下的程式碼在文件內。
樣式一: Classic (單首播放)
function music_player($atts,$content=null){
extract(shortcode_atts(array("auto"=>'false',"loop"=>'true'),$atts));
return '<embed src="'.get_bloginfo("template_url").'/image/dewplayer.swf?mp3='.$content.'&autoreplay='.$loop.'&autostart='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="200" height="20" />';
}
add_shortcode('audio','music_player');
樣式二: Multi (多首連播)
function music_player($atts,$content=null){
extract(shortcode_atts(array("auto"=>'false',"loop"=>'true'),$atts));
return '<embed src="'.get_bloginfo("template_url").'/image/dewplayer-multi.swf?mp3='.$content.'&autoreplay='.$loop.'&autostart='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="240" height="20" />';
}
add_shortcode('music','music_player');
其他的樣式!不再一一舉例.....
注: 如果你在官方的原有風格主題,創建"子主題"使用,請將".get_bloginfo("template_url")"修改為".get_bloginfo("stylesheet_directory")"才能夠得到音樂播放器Flash的原整路徑。
如何運用?
在發佈文章加入以下的標籤即可▼
樣式一: Classic (單首播放)
【audio】http://www.xxx.com/xx.mp3【/audio】
樣式二: Multi (多首連播)
【music】http://www.xxx.com/xx.mp3【/music】
【music】http://www.xxx.com/xx.mp3|http://www.xxx.com/xx.mp3【/music】
注意︰ 在本博客加入短代碼(簡碼)會被自動解析了,請將【】符號修改為 [ ] 符號。
提示: 如果你想音樂播放器加入更多的參數,例如:顯示時間﹑自動播放等!請上官方網站的xHTML code generator試驗。
WP演示: 請按此收聽!!
官方演示: 請按此收聽!!