Какова продолжительность загрузки видео в HTML

Question

Я писал веб-страницу, на которой отображается оверлейный div, когда пользователь нажимает на кнопки. Один из наложений div автоматически воспроизводит видео, когда он появляется, другие просто показывают изображение. Ниже приведена часть кода Jade.

div.overlay#video-content 
    div.video 
     video#vid-name(controls loop) 
      source(src="/video/video.mp4" type="video/mp4") 
div.overlay#pic-content 
    div.pic-1 
     img.des(src="/images/picture-1.png") 

На странице «Сеть» Google Developer Tool, он просто показывает время и размер файла HTML, CSS, JavaScript и графических файлов. Хотя эта страница может воспроизводить видео при появлении этого div, Инструмент разработчика не показывает, когда и как долго браузер загружает видеофайл.

Мне интересно, когда браузер получает видеоконтент. Я считаю, что браузер не сможет воспроизвести это видео, не получая ресурс с сервера.

P.S. Я попытался использовать ctrl + F5, чтобы заставить браузер запрашивать сервер для каждого ресурса.

Answer 1

Если ваш сервер поддерживает запросы диапазона байтов, браузер обычно запрашивает видео в «кусках» и начинает воспроизведение, как только у него будет достаточно информации для начала.

Однако в стандартном файле MP4 есть свои метаданные в конце, что означает, что видео нельзя запустить, пока оно не загрузило все куски.

Вы можете изменить MP4 для перемещения метаданных на фронт, чтобы обеспечить лучшее вытекание с помощью различных инструментов - смотрите здесь для получения дополнительной информации на одном, кварты-FastStart:

• https://multimedia.cx/eggs/improving-qt-faststart/

Если вы хотите еще лучше работать с пользователем, тогда вы, вероятно, захотите использовать выделенный потоковый видеосервер, поддерживающий адаптивную скорость передачи битов - это создает несколько версий видео с низкого до высокого качества, а браузер запрашивает следующий фрагмент из файла размера, который наилучшим образом соответствует текущим условиям сети.

Если вы идете этим путем, вам, скорее всего, будет лучше использовать существующий сервер потоковой передачи видео, вместо того, чтобы пытаться воссоздать эту функциональность самостоятельно. Пример потокового сервера с открытым исходным кодом является:

• https://gstreamer.freedesktop.org