Wordpress筆記：背景音樂

標籤：

想要在blog首頁加上自動播放的背景音樂，能找到的外掛程式與方法基本上都是講在文章裡添加的。側邊欄裡添加文本的方法也總有美觀等等這樣那樣的問題，折騰了幾種之後終於搞定了。用的是Audio player外掛程式，側邊欄添加文本js代碼，能夠實現多首音樂的播放。播放器效果如下：

1. 下載Audio Player外掛程式http://wpaudioplayer.com/wp-content/downloads/audio-player.zip

2. Wordpress後台——外掛程式——安裝外掛程式，上傳zip檔案並啟用

3. 外觀——小工具，添加文本，在文本中插入如下代碼

<script type="text/javascript" src="http://部落格地址/wp-content/plugins/audio-player/assets/audio-player.js?ver=2.0.4.1"></script> <script type="text/javascript">AudioPlayer.setup("http://部落格地址/wp-content/plugins/audio-player/assets/player.swf?ver=2.0.4.1", {width:"180",animation:"yes",encode:"no",initialvolume:"60",remaining:"yes", noinfo:"no",buffer:"5",checkpolicy:"no",rtl:"no",bg:"E5E5E5",text:"333333", leftbg:"CCCCCC",lefticon:"333333",volslider:"666666",voltrack:"FFFFFF", rightbg:"B4B4B4",rightbghover:"999999",righticon:"333333", righticonhover:"FFFFFF",track:"FFFFFF",loader:"009900",border:"CCCCCC", tracker:"DDDDDD",skip:"666666",pagebg:"FAFAFA",transparentpagebg:"no"}); </script> <p><span style="display:block;padding:5px;border:1px solid #dddddd; background:#f8f8f8" id="audioplayer_71"> </span></p> <script type="text/javascript"> AudioPlayer.embed("audioplayer_71", {titles:"歌曲名1, 歌曲名2, 歌曲名3", loop:"yes",autostart:"yes",soundFile:"歌曲URL1.mp3, 歌曲URL2.mp3, 歌曲URL3.mp3"}); </script>

實現多首背景音樂的自動播放與迴圈播放功能。

 

Wordpress筆記：背景音樂