在網頁中添加音樂,網頁添加音樂
最近在折騰一個網頁,對於一個有強迫症的人來說,就想在網頁中插入音樂,(當做背景音樂),然後自己百度了好多資料;就在這裡總結一下:
第一步:
我們需要在網頁添加一些代碼;我也不喜歡那種代碼太長的;自己就整理了一下;這裡我添加的都是單曲,(單曲迴圈的那種),添加多個背景音樂,代碼比較長,我就沒去折騰,(其實是折騰了一種方法,沒搞出來,就放棄了);
第一種代碼:
<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 這篇部落格的內容,裡面寫的也很詳細,但是那個添加多個的方法,我沒有成功,還有待改進;只有不斷的探索,這樣才能不斷的進步。
在網頁中插入音樂
網頁背景音樂代碼:
將這段代碼插入到您的<head></head>之間
當您開啟網站時即可聽到背景音樂:
<bgsound src=china.mid loop="-1">
這種當網頁最小化之後,音樂會消失
網頁背景音樂的代碼:
<embed src="XXX.com/XXX.mp3" quality=high pluginspage="www.macromedia.com/...eFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效檔案
<embed src="1.swf" quality=high pluginspage="www.macromedia.com/...eFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的網頁背景音樂代碼可以加入FLASH動畫的絕對位址(或相對位址)
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>
ram格式的音樂檔案專用網頁背景音樂代碼:
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小(width、heigh)、是否自......餘下全文>>
怎在網頁中添加背景音樂
<bgsound src="音樂地址" loop="-1" />
代碼加入html中,迴圈播放音樂地址指向的音樂