在網頁中添加音樂,網頁添加音樂

來源:互聯網
上載者:User

在網頁中添加音樂,網頁添加音樂

最近在折騰一個網頁,對於一個有強迫症的人來說,就想在網頁中插入音樂,(當做背景音樂),然後自己百度了好多資料;就在這裡總結一下:

第一步:

我們需要在網頁添加一些代碼;我也不喜歡那種代碼太長的;自己就整理了一下;這裡我添加的都是單曲,(單曲迴圈的那種),添加多個背景音樂,代碼比較長,我就沒去折騰,(其實是折騰了一種方法,沒搞出來,就放棄了);

第一種代碼:

<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中,迴圈播放音樂地址指向的音樂
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.