HTML 5 基礎之音頻與視頻

HTML5 提供了播放音訊的標準。

Web 上的音訊

直到現在，仍然不存在一項旨在網頁上播放音訊的標準。

今天，大多數音訊是透過外掛程式（例如 Flash）來播放的。然而，並非所有瀏覽器都擁有相同的插件。

HTML5 規定了一種透過 audio 元素來包含音訊的標準方法。

audio 元素能夠播放聲音檔案或音訊串流。

音訊格式

目前，audio 元素支援三種音訊格式：

如何運作

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

註： control 屬性供新增播放、暫停和音量控制。

下面我們來寫一個實例：透過寫上mp3的位址，我們可以在網頁中聽音樂，程式碼如下

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

HTML5 Video(影片)

很多站點都會使用到影片. HTML5 提供了展示影片的標準。

大家看下面一段程式碼

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