合作(zuò)
咨詢
建站(zhàn)咨詢
- 作(zuò)者：admin
- 發表時(shí)間(jiān)：2013-07-02 14:17:01
- 來(lái)源：未知
目前，WEB頁面上(shàng)沒有(yǒu)标準的方式來(lái)播放音(yīn)頻文件，大(dà)多(duō)數(shù)的音(yīn)頻文件是使用插件來(lái)播放，而衆多(duō)浏覽器(qì)都使用了不同的插件。而HTML5的到來(lái)，給我們提供了一個(gè)标準的方式來(lái)播放WEB中的音(yīn)頻文件，用戶不再為(wèi)浏覽器(qì)升級諸如Adobe Flash、Apple QuickTime等播放插件，隻需使用現代浏覽器(qì)就可(kě)以聆聽(tīng)任何可(kě)以發出聲音(yīn)的WEB網站(zhàn)。
WEB中的Audio标簽
HTML5定義了一個(gè)新的元素用來(lái)指定标準的方式來(lái)插入音(yīn)頻文件到web頁面中：标簽。使用audio标簽可(kě)以控制(zhì)音(yīn)頻的播放與停止，循環播放與播放次數(shù)設置，以及播放位置等等，詳情請(qǐng)看下表。
| 屬性 | 值 | 描述 |
| autoplay | true | false | 如果是 true，則音(yīn)頻在就緒後馬上(shàng)播放。 |
| controls | true | false | 如果是 true，則向用戶顯示控件，比如播放按鈕。 |
| end | numeric value | 定義播放器(qì)在音(yīn)頻流中的何處停止播放。默認地，聲音(yīn)會(huì)播放到結尾。 |
| loopend | numeric value | 定義在音(yīn)頻流中循環播放停止的位置，默認是 end 屬性的值。 |
| loopstart | numeric value | 定義在音(yīn)頻流中循環播放的開(kāi)始位置。默認是 start 屬性的值。 |
| playcount | numeric value | 定義音(yīn)頻片斷播放多(duō)少(shǎo)次。默認是 1。 |
| src | url | 所播放音(yīn)頻的 url。 |
| start | numeric value | 定義播放器(qì)在音(yīn)頻流中開(kāi)始播放的位置。默認地，聲音(yīn)在開(kāi)頭進行(xíng)播放。 |
目前支持audio标簽的浏覽器(qì)有(yǒu)：
IE9，Firefox， Opera，Chrome和(hé)Safari都支持标簽。
注意：IE8和(hé)更早的版本，不支持标簽。
如何使用Audio
要在HTML5中播放音(yīn)頻，需要在body中插入以下代碼：
你(nǐ)可(kě)以在和(hé)标簽之間(jiān)插入文字內(nèi)容，這樣如果浏覽器(qì)不支持audio，那(nà)麽會(huì)顯示這些(xiē)文字。
也許你(nǐ)會(huì)問auto中怎麽會(huì)包含3個(gè)source标簽呢？這是為(wèi)了浏覽器(qì)和(hé)音(yīn)頻格式的兼容性，浏覽器(qì)制(zhì)造商并非都同意使用某一種音(yīn)頻文件格式。例如，Chrome、Internet Explorer 9 (IE9) 和(hé) Safari 浏覽器(qì)不支持 WAV 文件，這是一種使用非壓縮格式且正在衰敗的标準。我們将每個(gè)視(shì)頻文件名放在單獨的标簽裏，并且音(yīn)頻容器(qì)中的所有(yǒu)源标簽都由構成，如下所示。那(nà)麽，無論訪問者使用什麽浏覽器(qì)，它都将自動選擇所讀取的第一個(gè)文件類型，并為(wèi)您播放聲音(yīn)。
HTML5浏覽器(qì)和(hé)音(yīn)頻格式兼容性
| 音(yīn)頻格式 | Chrome | Firefox | IE9 | Opera | Safari |
| OGG | 支持 | 支持 | 支持 | 不支持 | 不支持 |
| MP3 | 支持 | 不支持 | 支持 | 不支持 | 支持 |
| WAV | 不支持 | 支持 | 不支持 | 支持 | 不支持 |
此外，不同浏覽器(qì)音(yīn)頻空(kōng)間(jiān)外觀也不一樣。
HTML5 讓開(kāi)發人(rén)員可(kě)以更輕松地提供大(dà)量WEB體(tǐ)驗。标簽是令人(rén)興奮的新添內(nèi)容，不再需要外部音(yīn)樂播放器(qì)，使音(yīn)頻的提供像顯示圖像一樣簡單。有(yǒu)了基于标準的音(yīn)頻控件和(hé)讓用戶更易于與聲音(yīn)進行(xíng)交互的新浏覽器(qì)功能，你(nǐ)可(kě)以輕松的在WEB頁面上(shàng)定制(zhì)MP3播放器(qì)了。
