1.進(jìn)入wordpress后臺(tái)插件欄目下的安裝插件,來(lái)安裝需要的Hermit蝦米音樂(lè)播放器插件。
成都創(chuàng)新互聯(lián)公司于2013年成立,先為太原等服務(wù)建站,太原等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為太原企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
2.在搜索框內(nèi)輸入Hermit,搜索插件,第一個(gè)就是要找的,點(diǎn)擊安裝按鈕,開(kāi)始插件安裝。
3.安裝好插件后,開(kāi)啟插件后,后臺(tái)多出一個(gè)Hermit播放器按鈕,點(diǎn)擊進(jìn)入Hermit播放器管理。
4.在這里可以添加音樂(lè)庫(kù),可以供在寫(xiě)文章時(shí)候方便調(diào)用。
5.同時(shí),在寫(xiě)文章的時(shí)候會(huì)發(fā)現(xiàn)編輯欄上方多出一個(gè)添加音樂(lè)的按鈕。
6.可以添加蝦米音樂(lè)的單曲、專(zhuān)輯、精選集,只要在框內(nèi)填入蝦米音樂(lè)的地址,多個(gè)單曲按回車(chē)鍵。還可以設(shè)置自動(dòng)播放、循環(huán)播放、折疊播放列表。
7.這里還有個(gè)遠(yuǎn)程音樂(lè)按鈕,這個(gè)就是調(diào)用在第4步添加的音樂(lè)。
8.添加入文章后看看效果,播放器是自適應(yīng)的,在移動(dòng)設(shè)備也能自動(dòng)適應(yīng)屏幕,非常不錯(cuò)。
首先,上傳你想要的背景音樂(lè)文件到你的網(wǎng)站文件里,并獲得鏈接,或者直接在網(wǎng)絡(luò)上找一個(gè)音樂(lè)文件鏈接,就是“.×××.×××/×××/×××/***.mp3”,我只試過(guò)mp3文件,其他的沒(méi)試過(guò)。
接著,到WordPress控制臺(tái)下,在“外觀(Appearance)”選項(xiàng)里找到“小工具(Widgets)”,點(diǎn)擊進(jìn)入,然后拖放一個(gè)“文本(Text)”小工具放到邊欄(Sidebar)里,在文本框輸入?yún)^(qū)域添加代碼即可。
然后,拷貝代碼,并替換音樂(lè)文件網(wǎng)址。如下,有兩類(lèi)代碼。
第一類(lèi),不顯示播放器的,代碼如下:
BGSOUND src=”音樂(lè)文件網(wǎng)址” loop=infinite
BGSOUND指背景音樂(lè),src是音樂(lè)文件的源地址,loop指的是播放的循環(huán)次數(shù),infinite指無(wú)限次。如果不想設(shè)成無(wú)限次循環(huán)播放,可以將infinite改成對(duì)應(yīng)的數(shù)字,指定循環(huán)播放的次數(shù)。我們要做的就兩個(gè),一是將“音樂(lè)文件網(wǎng)址”替換成第一步得到的音樂(lè)文件的完整鏈接地址,而是修改相應(yīng)的循環(huán)播放次數(shù),或者不改,取默認(rèn)的infinite。
第二類(lèi),顯示播放器(調(diào)用Windows Media Player)的,代碼如下:
OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6PARAM NAME=”URL” VALUE=”音樂(lè)文件網(wǎng)址”P(pán)ARAM NAME=”playCount”VALUE=”infinite”P(pán)ARAM NAME=”autoStart” VALUE=”1″PARAM NAME=”volume”VALUE=”50″PARAM NAME=”uiMode” VALUE=”full”P(pán)ARAM NAME=”stretchToFit”VALUE=”1″/OBJECT
這里只要修改幾個(gè)參數(shù)即可:
height和width指播放器的高度和寬度,單位為px。
PARAM NAME=”URL” VALUE=”音樂(lè)文件網(wǎng)址”制定了播放的文件位置(URL),只要將里面的“音樂(lè)文件網(wǎng)址”替換成第一步得到的完整的音樂(lè)文件鏈接即可。
PARAM NAME=”playCount” VALUE=”infinite”用于設(shè)定播放次數(shù)(playCount),infinite為無(wú)限次循環(huán)播放,可將其改為數(shù)字,制定循環(huán)播放的次數(shù)。
PARAM NAME=”autoStart” VALUE=”1″指定是否自動(dòng)播放音樂(lè)(autoStart),VALUE的值為0時(shí)不自動(dòng)播放,為1時(shí)自動(dòng)播放。
PARAM NAME=”volume” VALUE=”50″指定播放的音量(volume),可以修改VALUE的數(shù)值,調(diào)整想要的音量。
PARAM NAME=”uiMode” VALUE=”full”指定了播放器界面是否加入控制按鍵(uiMode),VALUE值為none時(shí),只顯示視頻播放窗口,不顯示“停止”,“播放/暫停”等按鈕;為mini時(shí),除了視頻窗口,還會(huì)在窗口底下顯示播放進(jìn)度,以及“播放/暫?!?,“停止”,“消音”和音量控制等按鈕;為full時(shí),除了視頻窗口和播放進(jìn)度顯示,還會(huì)顯示進(jìn)度控制條,“播放/暫?!保巴V埂?,“消音”,“上一曲”,“下一曲”,“快進(jìn)”,“快退”和音量控制等按鈕;
PARAM NAME=”stretchToFit” VALUE=”1″用于當(dāng)視頻窗口比視頻比播放的視頻大時(shí),是否對(duì)視頻進(jìn)行伸展(stretchToFit),以適應(yīng)視頻窗口的大小,VALUE值為1時(shí)表示自動(dòng)擴(kuò)展,為0時(shí)表示不擴(kuò)展。
這些參數(shù)可以在MSDN里查找到。
最后,添加完代碼,改完參數(shù)之后,保存,刷新博客,應(yīng)該就能聽(tīng)到背景音樂(lè)了。如果聽(tīng)不到,先查下音樂(lè)文件鏈接有沒(méi)有問(wèn)題,另外和你用的播放器有關(guān),IE肯定是沒(méi)問(wèn)題的。
最好是在主題頭部文件header.php或者底部footee.php添加代碼
加入audio src="音樂(lè)url" autoplay="autoplay" /audio autoplay意思是自動(dòng)播放。