html 获取语音时长,Video/Audio

## 多媒体(video和audio)

**一、音频(audio)和视频(video)**

在HTML5中引入了``和``元素，用来在HTML文档中嵌入音频和视频：

```

```

由于不同的浏览器对标准音频和视频的编解码支持上并不一致，所以通常需要使用``元素来为指定不同格式的媒体源：

```

```

``元素没有任何内容：没有闭合的``标签，也需要使用“/>”来结束它们。

我们可以在``和``(或``和``)标签之间插入文本内容，如果浏览器支持``和``元素，将不会渲染文本内容；而如果浏览器不支持时，则会将它们渲染出来。

```

您的浏览器不支持audio标签。

```

**1.1 HTML中媒体的属性**

**(1)视频(``)**

```

autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。

controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。

height pixels 设置视频播放器的高度。

width pixels 设置视频播放器的宽度。

loop loop 如果出现该属性，则循环播放。

muted muted 如果出现该属性，视频的音频输出为静音。

poster URL 规定视频正在下载时显示的图像，直到用户点击播放按钮。 preload auto/metadata/none 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。

src URL 要播放的视频的 URL。

```

**(2)音频(``)**

```

autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。

controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。

loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。

muted muted 如果出现该属性，视频的音频输出为静音。</