Open Topppy opened 1 year ago
抓到video标签的url在network中请求多次,不同range。 先了解一下下mp4的结构,这里使用meidaParser打开mp4文件
可以看到是嵌套的类似文件目录的格式,但是呢是有先后顺序的。 如果把整个mp4看做一本书的话,其中Moov 类似于整本书的目录,mdat就是占这本书99%以上的书的具体内容,也就是视频的具体内容。
如果moov排在mdat后面的话,浏览器第一次请求的时候,发现诶,我没有拿到书本的目录,没法播放视频,就会直接从视频最后的moov部分,等拿到moov之后,再重新播放视频。
所以,moov前置就会避免多余的请求次数,浏览器一开始就能拿到视频目录moov,就能立刻开始知道怎么播放了。
背景
抓到video标签的url在network中请求多次,不同range。 先了解一下下mp4的结构,这里使用meidaParser打开mp4文件![image](https://github.com/Topppy/hexo-blog/assets/9689442/62c756f3-f0cc-4c75-8faa-31100bbe6e67)
可以看到是嵌套的类似文件目录的格式,但是呢是有先后顺序的。 如果把整个mp4看做一本书的话,其中Moov 类似于整本书的目录,mdat就是占这本书99%以上的书的具体内容,也就是视频的具体内容。
如果moov排在mdat后面的话,浏览器第一次请求的时候,发现诶,我没有拿到书本的目录,没法播放视频,就会直接从视频最后的moov部分,等拿到moov之后,再重新播放视频。
所以,moov前置就会避免多余的请求次数,浏览器一开始就能拿到视频目录moov,就能立刻开始知道怎么播放了。