CODEWITHSUNDEEP
htmlvideo
Liu Hebian
Liu Hebian

Reputation: 91

how HTML5 video handle video with moov atom at the end

As I know , in Flash player, if it is progressive video and moov atom at the end of file, we have to wait for the entire video download before we can start to watch it.

but when I use Html5 videojs to view a progressive video, even the moov atom at the end of file, but it still can play and watch at the same time.

Can anyone know how Html5 handle video with moov atom at the end?

Upvotes: 9

Views: 1779

Answers (1)

sdupton
sdupton

Reputation: 1869

The comment by Alexander Farkas from 8/2 is a perfect, if succinct, answer. Range requests (also known as "Byte Serving") allow the client to request (any) part of the file.

The client makes (at least) three GET requests with HTTP 206 responses (provided the server is capable of handling range requests): one for the file headers (Content-Length is what matters, along with "Accept-Ranges: bytes"). Then the client requests the end of the file, usually less than the last MB of content (this seems to vary by browser); once the client has the moov atom from the end of the file, it requests the rest of the content. When you seek, the metadata allows the client to know how to map time to byte range, and issues a new request for partial content.

A reasonable transcript of what this looks like in practice is at Sample http range request session

Upvotes: 7

Related Questions