HTML5 提供了播放音頻的標(biāo)準(zhǔn)。

Web 上的音頻

直到現(xiàn)在，仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上播放音頻的標(biāo)準(zhǔn)。

今天，大多數(shù)音頻是通過(guò)插件（比如 Flash）來(lái)播放的。然而，并非所有瀏覽器都擁有同樣的插件。

HTML5 規(guī)定了一種通過(guò) audio 元素來(lái)包含音頻的標(biāo)準(zhǔn)方法。

audio 元素能夠播放聲音文件或者音頻流。

音頻格式

當(dāng)前，audio 元素支持三種音頻格式：

如何工作

如需在 HTML5 中播放音頻，您所有需要的是：

注：control 屬性供添加播放、暫停和音量控件。

下面我們來(lái)寫(xiě)一個(gè)實(shí)例：通過(guò)寫(xiě)上mp3的地址，我們可以在網(wǎng)頁(yè)中聽(tīng)音樂(lè)，代碼如下

<article>
<header>
<meta charset="utf-8">
</header>
    <audio src="/asset/1.mp3" controls="controls"></audio>
</article>

HTML5 Video(視頻)

很多站點(diǎn)都會(huì)使用到視頻. HTML5 提供了展示視頻的標(biāo)準(zhǔn)。

大家看下面一段代碼

<article>
<header>
<meta charset="utf-8">
</header>
?? ?<video width="320" height="240" controls>
? ?? ??? ?<source src="" type="video/mp4">
? ?? ??? ?<source src="" type="video/ogg">
?? ?</video>
</article>

我們可以把你需要看的視頻的地址放在src中，這樣就可以觀看視頻了