1。新建一個(gè)music.html頁(yè)面:
HTML部分bai:du
<audio id="bgAudio" controls="controls" autoplay="autoplay" hidden="hidden">
zhi<source src="mp3/wangjie.mp3" type="audio/mp3">
<source src="mp3/wangjie.ogg" type="audio/ogg">
</audio>
js部分:
<script type="text/javascript">
myVid=document.getElementById("bgAudio");
myVid.volume=0.2;
</script>
再新建一個(gè)backMusic.html頁(yè)面:
HTML部分:
<frameset cols="0%,100%">
<frame src="music.html"/>
<frame src="index.html" />
</frameset>
擴展資料:
<audio> 標簽定義dao聲音,比如音樂(lè )或其他音頻流。
實(shí)例:
一段簡(jiǎn)單的 HTML 5 音頻:
<audio src="someaudio.wav">您的瀏覽器不支持 audio 標簽。</audio>
屬性:
autoplay:如果出現該屬性,則音頻在就緒后馬上播放。
controls:如果出現該屬性,則向用戶(hù)顯示控件,比如播放按鈕。
loop:如果出現該屬性,則每當音頻結束時(shí)重新開(kāi)始播放。
preload:如果出現該屬性,則音頻在頁(yè)面加載時(shí)進(jìn)行加載,并預備播放。
src:要播放的音頻的 URL。
二、能使網(wǎng)站上自動(dòng)循環(huán)bai的背景音樂(lè )代碼如下du:zhi
1
<audio src="music.mid" autostart="true" loop="true" hidden="true">
具體的分解解析如下:
1、src="music.mid" 指的是背景dao音樂(lè )的路徑,最好能使用相對路徑,以便上傳的時(shí)候不會(huì )出錯。
這里的music.mid跟網(wǎng)頁(yè)文件在同一個(gè)目錄下,所以直接輸入文件名即可。
2、autostart="true" 指的是當音樂(lè )文件載入后是否自動(dòng)播放。
其中有兩個(gè)邏輯選項,true和false,這里設定為true,也就是表示表示自動(dòng)播放。
3、loop="true" 指的是音樂(lè )文件是否循環(huán)播放,也可以指定循環(huán)播放的次數。
比如loop=”3”表示重復播放3次,loop=”-1”和loop=”true”都表示無(wú)限循環(huán)。
4、hidden="true" 指的是控制面板是否隱藏。
true表示隱藏控制面板,false為顯示控制面板。
二、將該代碼應用到實(shí)際的程序中
1、找到寫(xiě)好的自動(dòng)循環(huán)的背景音樂(lè )代碼
1
<embed src="XXX.mp3" autostart="true" loop="true" hidden="true"></embed>
2、將其插入到網(wǎng)站的<body>...</body>之間
3、保存后,點(diǎn)擊首頁(yè)進(jìn)行預覽,不僅僅可以聽(tīng)到背景音樂(lè ),如果使用主流瀏覽器,還能看到標簽欄上有背景音樂(lè )播放的圖標
三、通過(guò)以上操作后,使網(wǎng)站上能自動(dòng)循環(huán)的背景音樂(lè )的操作就完成了
文章轉載:http://www.gehut.cn/
聯(lián)系客服