多媒体前端 学习｜ 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第16天

媒体是对音频 视频的总称

• 利用前端技术，解决多媒体下各类业务问题
• 网页上音频、视频的播放，以及一些播放插件或者标签的应用
• 在HTML5之前采用插件，HTML5中有了媒体播放标签

编码格式

• 空间冗余
• 时间冗余
• 编码冗余
• 视觉冗余 通过去除空间冗余、时间冗余进行变换，之后通过去除视觉冗余再去除编码冗余实现熵编码

多媒体元素及API发展

MSE (Media Source Extension) 扩展了浏览器的媒体播放功能，允许用JS动态构造媒体流MediaSource对象，然后传入audio vedio标签中，解决了媒体标签的缺陷：

• 不能之间播放hsl flv等格式的文件
• 资源的请求和加载无法通过代码进行控制：分段加载以及预加载

audio vedio标签的一些属性

1. src指定媒体数据的url地址
2. autoplay指定媒体是否在页面加载后自动播放
3. preload指定视频或音频数据是否预加载：none metadata auto
4. loop指定是否循环播放视频或者音频
5. controls指定是否为视频或者音频添加浏览器自带的播放用的控制条
6. poster它是video元素独有属性，当视频不可用时，可以使用该元素用图片代替，避免在视频的区域出现一片空白
7. width和height为视频的宽度和高度，是video元素独有的属性
8. error属性为null出现错误时返回一个MediaError对象，该对象的code返回对于的错误状态值
9. networkState属性用于读取当前网络的状态
10. currentSrc用来读取播放中的媒体数据的url地址
11. readyState属性返回媒体当前播放位置的就绪状态
12. seekable属性返回一个TimeRanges对象，该对象表示请求到的数据的时间范围
13. played属性返回一个TimeRanges对象，表示读取媒体文件的已播放部分的时间段