H264

感谢 “珠思码记” 授权转载，微信搜索 “珠思码记” 关注公众号。 自从接手优酷的web播放器之后，点了快一年的播片儿技能点,感觉技术面变得越来越偏门，至少在前端界播片儿(音视频)技术一直水花甚少，真是一入片儿技深似海，从此前端是路人。 想在被世人遗忘之前 出书立传，又恐无人问津。 哈哈扯远了，既然一只脚伸到音视频技术这个泥潭里搅和了一圈之后，总要写点什么。这篇主要是来闲聊，从大家打小看过的片儿里扯一扯音视频格式的前世今生。 主要是讲故事，感兴趣的话可以一看。不感兴趣的话，可以直接点赞打赏红包转账了[手动狗头]。 想必很多人的硬盘里都会有这些奇奇怪怪的文件吧。文件名啥的可能各有不同，但扩展名大家一定耳熟能详：.avi .rmvb .mkv .3gp bla bla~。 而且随着时间的推移，当你在网上down片儿的时候，发现有些已经不常见了，新的又冒了出来。那这些都是什么玩意儿呢？ 那我要先解释一个概念 敲黑板 0x01 封装格式/编码格式 可以看出，上面像mkv avi什么的都是视频的封装格式，或者说容器格式。如果把视频的内容比作酒的话，那所谓封装格式其实就是这个酒瓶。有酒瓶才好运输（网络传输下载）和保存（文件形式放在硬盘上） 详情 »

大家才开始学习 MediaSource 的时候，我们都会好奇，其中指定 mimeCodec 的行为: var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"'; if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) { var mediaSource = new MediaSource(); //console.log(mediaSource.readyState); // closed video.src = URL.createObjectURL(mediaSource); mediaSource.addEventListener('sourceopen', sourceOpen); } else { console.error('Unsupported MIME type or codec: ', 详情 »