音頻是網頁承載內容很重要的一個元素，也是必不可少的網頁表現形式（圖、文、表、視、音）之一。缺少聲音的網站，就如同人不能說話一樣。曾經網頁要想播放音頻，必須得用第三方插件flash。隨著html5標準逐漸普及，如今幾乎所有的瀏覽器都使用html5來播放音頻。

目標

1. 如何設置音頻播放？
2. 支持哪幾種音頻格式？

音頻播放標簽--audio

作用是在 HTML 頁面中嵌入音頻元素，來播放聲音文件或者音頻流。

audio標簽的屬性

src 音頻的播放源（必須）

controls 瀏覽器自帶的控制條（必須）

autoplay 自動播放

loop 循環播放

preload 預加載

每一種瀏覽器自帶的音頻播放控制器都不一樣，但功能都一樣。網上看到的播放器，大多數都是改過它的樣式。

支持多個格式--source標簽

<audio> 元素支持三種視頻格式： MP4, WebM, 和 Ogg。

如果不確定音頻格式是哪個格式，可以使用source標簽。<source> 元素可以鏈接不同格式的視頻文件，瀏覽器將使用第一個可識別的格式。

總結

import os
from IPython.display import display, Image，Video,HTML
names = [f for f in os.listdir('../images/ml_demonstrations/') if f.endswith('.png')]
for name in names[:5]:
    print(name)
    display(Video(name, width=500, height=200))
#     html = f'''
#         <video width="800" height="400" controls autoplay loop>
#           <source type="video/mp4" src="{name}">
#               Your browser does not support the video tag.
#         </video>
#       '''
#     HTML(html)

TML5中的video標簽播放MP4，只有聲音沒有圖像

<video id="myv" width="600" height="400" src="video.mp4" ></video>

mp4的視頻編碼有三種：MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)，

在格式工廠中，把視頻文件轉換成AVC(H264)編碼，就能正常播放。

當前，video 元素支持三種視頻格式：

Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件

MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件

WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件