Можно ли получить прогресс загрузки видео / изображения в HTML5?

Question

Почти у каждого флеш-плеера есть возможность отображать, сколько буфера (или% от общего видео) загружено на клиент. На данный момент я не вижу его ни в одной реализации html5-плеера.

Реальная проблема, которую я пытаюсь решить, - это узнать% загруженного ресурса (изображение / swf / video, что угодно) Во флэш-памяти это легко, используя MovieClipLoader и свойство bytesLoaded.

Есть ли способ сделать это в HTML / HTML5 / Javascript (без использования Flash)?

Спасибо!

Answer 1

См. Буферизованное свойство , но имейте в виду, что (насколько мне известно) нет полных реализаций видео API HTML 5, и что он все равно может быть изменен, поэтому браузеры, которые поддерживают Части спецификации могут не поддерживать с буферизацией .

Answer 2

Обходной путь может быть в некоторых случаях сделать контейнер SWF, который будет загружать в него ваш флэш-фильм и действовать как предварительный загрузчик. На каждой итерации вашего flash preloader вызывайте функцию javascript. Вы передадите в эту функцию процент загруженных байтов, а затем сможете обрабатывать его так, как хотите. Конечно, в этом есть некоторые ограничения, но, возможно, это даст вам некоторые идеи.