html5用什麼標記播放音樂

html5用「

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

html5用「

<audio src="music.mp3"></audio>

用法很簡單，跟

如果你只是這樣寫，頁面上不會看到有明顯的東西，

對於不支援

    <audio src="music.mp3">
        别试了，是你的浏览器渣渣
    </audio>

為了方便我們對音訊檔案進行控制，操作它的進度、播放暫停、音量等等，我們可以給它添加controls屬性：

    <audio src="m.mp3" controls></audio>

用法跟

( chrome瀏覽器的音訊控制面板)

( firefox瀏覽器的音訊控制面板)

( IE瀏覽器的音訊控制面板)

哪個好看就見仁見智了~~ 

跟

它們的作用和用法都一樣，就是用來引入多個音頻，瀏覽器會選擇一個支援的音頻格式進行加載，對於不支援

    <audio>
        <source src="music.mp3">
        <source src="music.ogg">
        <source src="music.wav">
    </audio>

附註：主流的音訊檔案格式有：mp3、wav、ogg。不同的瀏覽器對三種格式支援程度不一樣。其中mp3格式支援度最好。

autoplay屬性：載入完成後，自動播放。也非常簡單、使用。

 <audio src="m.mp3" autoplay></audio>

loop屬性：顧名思義，循環播放。

<audio src="m.mp3" loop></audio>

preload屬性：用來控制音訊在什麼時候進行載入。

 <audio src="m.mp3" preload="auto"></audio>

對應的值有3種：

• none：預設不加載，等有需要的時候再加載。

• metadata：元數據，預設不加載，但是可以提取該音訊的元資料資訊。

• auto：自動加載，網頁加載完就加載整個音訊。

muted屬性：靜音效果。

<audio></audio>

加上了muted屬性，音訊即使在播放的時候，也是沒有聲音，除非使用者手動調整控制面板的音量。

相關推薦：《html影片教學》

以上是html5用什麼標記播放音樂的詳細內容。更多資訊請關注PHP中文網其他相關文章！