音频是网页承载内容很重要的一个元素，也是必不可少的网页表现形式（图、文、表、视、音）之一。缺少声音的网站，就如同人不能说话一样。曾经网页要想播放音频，必须得用第三方插件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 文件