mp3格式是html5支持的音頻格式。HTML5支持三種音頻格式:1、MP3格式,它被設(shè)計(jì)用來(lái)大幅度地降低音頻數(shù)據(jù)量;2、Ogg格式,它是一種完全免費(fèi)、開(kāi)放和沒(méi)有專(zhuān)利限制的音頻壓縮格式;3、Wav格式,是微軟公司開(kāi)發(fā)的一種聲音文件格式。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
mp3格式是html5支持的音頻格式。
HTML5 提供了播放音頻文件的標(biāo)準(zhǔn),可以使用<audio>
標(biāo)簽定義聲音,比如音樂(lè)或其他音頻流。
<!DOCTYPE HTML> <html> <body> <audio src="/i/horse.ogg" controls="controls"> 您的瀏覽器不支持 audio 元素。 </audio> </body> </html>
注:可以在開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽之間放置文本內(nèi)容,這樣老的瀏覽器就可以顯示出不支持該標(biāo)簽的信息。
<audio>支持的音頻格式
目前,<audio>元素支持三種音頻格式文件: MP3, Wav 和 Ogg
-
ogg:
當(dāng)ogg文件只封裝音頻編碼時(shí),它就會(huì)變成為一個(gè)音頻文件。ogg音頻文件擴(kuò)展名為ogg。ogg音頻格式類(lèi)似于mp3音頻格式,不同的是,ogg格式完全免費(fèi)并且沒(méi)有專(zhuān)利限制。同等條件下,ogg格式音頻文件的音質(zhì)、體積大小優(yōu)于mp3音頻格式。
-
mp3:
目前主流的音頻格式,其音頻文件擴(kuò)展名為mp3。同mpeg4視頻格式一樣,mp3音頻格式也存在專(zhuān)利、版權(quán)等諸多的限制,但因?yàn)楦鞔笥布峁┥痰闹С质沟胢p3依靠其豐富的資源、良好的兼容性仍舊保持較高的使用率。
MP3是一種音頻壓縮技術(shù),其全稱(chēng)是動(dòng)態(tài)影像專(zhuān)家壓縮標(biāo)準(zhǔn)音頻層面3(Moving Picture Experts Group Audio Layer III),簡(jiǎn)稱(chēng)為MP3。它被設(shè)計(jì)用來(lái)大幅度地降低音頻數(shù)據(jù)量。利用 MPEG Audio Layer 3 的技術(shù),將音樂(lè)以1:10 甚至 1:12 的壓縮率,壓縮成容量較小的文件,而對(duì)于大多數(shù)用戶(hù)來(lái)說(shuō)重放的音質(zhì)與最初的不壓縮音頻相比沒(méi)有明顯的下降。
-
wav:
微軟公司( Microsoft)開(kāi)發(fā)的一種聲音文件格式,其擴(kuò)展名為wav。作為無(wú)損壓縮的音頻格式,wav的音質(zhì)是三種音頻格式文件中最好的,但其體積也是最大的。wav音頻格式最大的優(yōu)勢(shì)是被 Windows平臺(tái)及其應(yīng)用程序廣泛支持,是標(biāo)準(zhǔn)的Windows文件。
音頻格式的瀏覽器支持
瀏覽器 | MP3 | Wav | Ogg |
---|---|---|---|
Internet Explorer 9+ | YES | NO | NO |
Chrome 6+ | YES | YES | YES |
Firefox 3.6+ | YES | YES | YES |
Safari 5+ | YES | YES | NO |
Opera 10+ | YES | YES | YES |
音頻格式的MIME類(lèi)型
Format | MIME-type |
---|---|
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |