在網頁中加入音樂

標籤：class   div   預設   hot   計算   歌曲   hid   csdn   放棄   

近期在折騰一個網頁，對於一個有強迫症的人來說，就想在網頁中插入音樂，（當做背景音樂），然後自己百度了好多資料。就在這裡總結一下：

第一步：

我們須要在網頁加入一些代碼；我也不喜歡那種代碼太長的。自己就整理了一下。這裡我加入的都是單曲。(單曲迴圈的那種）。加入多個背景音樂。代碼比較長，我就沒去折騰，（事實上是折騰了一種方法，沒搞出來，就放棄了）；

第一種代碼：

<EMBED src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" autostart="true" loop=infinite width=0 height=0>

中間的連結就是歌曲的連結；

<EMBED src="http://whjkm.qiniudn.com/%E6%9C%80%E9%87%8D%E8%A6%81%E7%9A%84%E5%B0%8F%E4%BA%8B.mp3" width="0" height="0" border=0 autostart="ture" loop="true"></EMBED>

Volume表示音量，loop=infinite表示迴圈播放，不停止。

後面的width和height是播放器的大小，這樣的代碼是看不到播放器的。

中間還能夠加入一些代碼。

-hidden="true"表示隱藏播放。即不顯示播放器的外觀。若要想顯示。把"true" 替換為"false"就可以，這樣為預設是最小化播放。若還想詳細顯示播放器的大小。另加上height="高度值" width="寬度值" 就能夠了。

 
-------autostart="true"表示當前頁一載入則自己主動播放，若不希望播放改為autostart="false" ；
------ loop="true"表示無限次迴圈播放音樂直到當前頁關閉為止，不想迴圈播放替換為 loop="false"就OK了；

第二步：

這裡我們已經把代碼加入好了，然後我們須要的就是歌曲的連結了；這裡也好坑爹。我想加入的歌曲沒有找到外鏈，我就想直接製作一個外鏈，百度了好多方法，都不適用，我又想到了如今是雲端運算時代，我想直接通過雲端儲存。然後再公布外鏈，然後我就試了一些網盤，也都不適合。然後昨天我在搞hexo部落格的時候,我在那裡面的圖片都是通過七牛來儲存的，然後我就想可不能夠用七牛來儲存音樂，然後再公布外鏈，和我引用圖片的方式一樣，最後最終成功了，強烈推薦七牛，速度也挺快的。作為我們平時儲存一些圖片和音樂的雲平台是很好的。

然後把歌曲外鏈製作好，然後我們把上面的代碼換成我們自己製作的音樂外鏈，然後我們就能夠試試效果啦~；

這裡參考了http://blog.csdn.net/lin_miao0818/article/details/3381851 這篇部落格的內容，裡面寫的也非常具體。可是那個加入多個的方法，我沒有成功，還有待改進；僅僅有不斷的探索，這樣才幹不斷的進步。

在網頁中加入音樂