前端之HTML5-----音频和视频

HTML5简介:

新特性:

用于绘画的canvas元素

用于媒介回放的video和audio元素

对本地离线储存的更好支持

新的特殊内容元素比如article、footer、header、nav、section

新的表单控件,比如calendar、data、time、email、url、search

浏览器支持:

最新版本的safari、chrome、Firefox以及opera支持某些HTML5特性。Internet Explorer 9将支持某些HTML5特性

HTML5音频和视频:

前端之HTML5-----音频和视频_第1张图片

前端之HTML5-----音频和视频_第2张图片

编解码器:作用是读取特定的容器样式,并对其中的音屏与视频轨道进行解码,然后实现播放,音频和视频原始数据比较大,我们往往通过解码器对原始音频和视频文件进行有损压缩,这样就便于在互联网上进行传输或播放

不同浏览器支持的格式:

音频、视频相关属性:

前端之HTML5-----音频和视频_第3张图片

前端之HTML5-----音频和视频_第4张图片

音频视频的相关方法:

load(): 重新加载视频音频元素。load方法用于在更改来源或其他设置后对音频/视频元素进行更新

pause():停止(暂停)当前播放的音频或视频

play():开始播放当前的音频或视频。所有主流浏览器都支持play方法


你可能感兴趣的:(前端深入学习)