1.(容器) .mp4 .ogg .avi 等文件其实是一种对视频文件的容器,就相当于我们常见的.zip 压缩文件一样
2.(编解码器) 要想使用这样的文件,你需要浏览器,或者设备支持对.mp4 .ogg .avi 等这类文件的解码,(读取也就是)
3.(兼容性) 所谓的兼容性就是因为不同的浏览器厂商内置不同的视频编解码器导致的,(这时候用到了兼容性库)
4.(解决兼容性) 移动端主要是ogg PC端主要是mp4 通过FFmpag软件转换视频格式,音频同理
5.(video的属性)
<video width="500" height="300" poster ="./video/girl.png"
controls loop autoplay muted src="./video/girl.mp4" >
</video>
(1) poster 指定播放前展示的海报图片
(2) controls 显示或影藏用户控制页面
(3) loop 媒体是否循环播放
(4) autoplay 是否自动播放
(5) muted 是否静音
(6) preload 这个参数有三个参数 分别是none(提示浏览器该视频不用缓冲) auto(浏览器优先加载这个视频) metadata(正常使用)
6.(video的js相关属性,可设置)
(1) currentTime 开始播放到现在所有的时间
(2) muted 静音模式
(3) duration 媒体的总时间
(4) volume 设置或返回音频/视频的音量
(5) ended 返回音频/视频的播放是否已结束
(6) error 返回表示音频/视频错误状态的 MediaError 对象
(7) paused 设置或返回音频/视频是否暂停
(8) currentSrc 返回当前音频/视频的 URL
6.(video的方法)
(1) play() 开始播放音频/视频
(2) pause() 暂停当前播放的音频/视频
(3) load() 重新加载音频/视频元素
本文深入解析音视频技术,包括视频容器如.mp4、.ogg、.avi的原理,不同浏览器的编解码器兼容性问题及解决方案,以及HTML5 video标签的属性与JS交互方法,帮助读者理解并掌握音视频在网页上的应用。
8230

被折叠的 条评论
为什么被折叠?



