「博客备忘录」为WordPress博客添加MP3音乐播放器





  Wordpress是沒有自帶的音樂播放器的。所以牧野一直只能用直接調用外網第三方的歌曲展示(比如多米音樂).所以每每看到很多博主部落格上放置分享Mp3音樂的播放器,那樣式著實簡單漂亮.其實在發布文章的時候手動添加HTML代碼,但這樣真心很麻煩的.

  網路上在Wordpress Blog上添加音樂播放器的方法有很多.目前發現覺得不錯的有下面幾種,記錄下以便日后有用.

  第一種辦法:模板直接調用Wordpress MP3播放器的方式.

  流程:

  Ⅰ、將這個mp3player播放器文件上傳到你主題模板目錄(根目錄/wp-content/themes/你的模板名稱)→☞點擊下載>>>

  Ⅱ、修改你主題目錄里的functions.php文件(打開模板文件functions.php,添加如下代碼)

  ㈠    如果你只想播放一首歌,可添加以下代碼:

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

  注意:每次編輯文章時在HTML編輯器頁面輸入以下代碼就行喇:

[mp3]http://30us.com/xxx.mp3[/mp3]

  效果樣式如下圖

WordPress博客MP3音樂播放器

 

  ㈡ 當然如果你想多首歌曲循環播放,可添加以下代碼:

function musicplayer($atts$content=null) {
 extract(shortcode_atts(array(“auto=>’0),$atts));
 return '<embed src="'.get_bloginfo("template_url").'/musicplayer.swf" flashvars="mp3='.$content.'&autoreplay=" type="application/x-shockwave-flash" wmode="transparent" width="240" height="20"></embed>';
}
add_shortcode('musicplayer','musicplayer');

  注意:每次編輯文章時在HTML編輯器頁面輸入以下代碼就行喇(注意:多首歌曲間以|分隔):

[music]http://30us.com/.mp3|http://xxx.com/.mp3[/music]

  效果樣式如下圖

WordPress博客MP3音樂播放器

 

  第二種辦法:直接安裝Wordpress 插件實現.

  Ⅰ、插件一:Dewplayer插件(點擊下載)官方下載鏈接:

http://wordpress.org/extend/plugins/dewplayer-flash-mp3-player/

  安裝設置辦法:下載后解壓,上傳至插件目錄並且激活,在后臺設置中進行設置.可以設置播放器的顯示樣式以及是否循環播放歌曲、自動播放等.

  使用辦法:只需在需要插入歌曲的文章HTML頁面,插入如下代碼即可.

  單曲版:

[dewplayer:http://30us.com/歌曲名稱鏈接.mp3]

  多曲版:

[dewplayer:http://30us.com/第1.mp3|http://30us.com/第2.mp3|http://30us.com/第3.mp3]

  效果樣式如下圖:

WordPress博客MP3音樂播放器

 

  不知為啥,「我们三十岁」按照上面的教程但一直出錯.又不好老去去麻煩遊弋.只能希望能早日實現WordPress音樂播放器的這些功能效果,而不是僅僅用多米音樂或插件形式.