Материалы для WEB разработки на LAMP
JS свойства готовности к воспроизведению video и audio

К JS свойствам, характеризующим состояние готовности медиа элемента video и audio к воспроизведению медиа файла, относятся следующие: свойство readyState и свойство seeking JS объекта медиа элемента аудио и видео.

 

.readyState

//unsigned short, только чтение
media.readyState

Свойство readyState  медиа элемента audio и video доступно только для чтения и возвращает целое, положительное число, которое означает текущий статус готовности медиа элемента для воспроизведения медиа файла. Значение свойства readyState позволяет понять, готово ли видео или аудио для воспроизведения или нет и какой статус этой готовности. Чтобы избежать возникновения ошибок может быть полезно узнать readyState значение медиа элемента, например, перед вызовом методов воспроизведения audio или video файла. Статусы готовности readyState определяются для медиа элемента положительными целыми числами, которым соответствуют константы, название которых кратко характеризует определяемый ими статус готовности медиа элемента к воспроизведению медиа audio или video файла. Свойство readyState поддерживается всеми браузерами.

Значения свойства readyState и соответствующие им константы:

  • 0 = HAVE_NOTHING - Нет какой либо информации о готовности или неготовности audio/video к воспроизведению. Обычно, когда никакие данные о медиа файле еще не загружены и статус сети соответствует NETWORK_EMPTY;
  • 1 = HAVE_METADATA - Для audio/video доступны только метаданные;
  • 2 = HAVE_CURRENT_DATA - Данные для текущей позиции воспроизведения полностью доступны, но недостаточно данных для продолжения воспроизведения, т.к. не доступен следующий кадр/последовательность медиа файла;
  • 3 = HAVE_FUTURE_DATA - Данные для текущей позиции воспроизведения и, как минимум, для следующего кадра/последовательности воспроизведения полностью доступны;
  • 4 = HAVE_ENOUGH_DATA - Для воспроизведение медиа файла полностью доступны все необходимые данные.

Пример использования свойства media.readyState

//показать значение свойства readyState
alert(myVideo.readyState);

 

 

.seeking

//boolean, только чтение
media.seeking

Свойство seeking  медиа элемента audio и video доступно только для чтения и возвращает значение true только если в текущий момент пользователь выполняет поиск по медиа файлу, т.е. выполняет перемещение курсора воспроизведения на шкале медиа плеера, при этом позиция воспроизведения постоянно изменяется. Как только перемещение курсора воспроизведения будет прекращено, свойство seeking медиа элемента будет установлено как false. Иными словами, свойство seeking медиа элемента audio и video позволяет определить выполняется ли пользователем в текущий момент перемещение курсора воспроизведения по шале плеера или нет. Для того, чтобы свойство seeking возвращало true обязательно должно выполняться движение курсора пользователем по шкале воспроизведения. Узнать значение свойства seeking может потребоваться, например, для запуска воспроизведением медиа файла при помощи JS кода, когда пользователь закончил выбор текущей позиции воспроизведения. Свойство seeking поддерживается всеми браузерами. При инициализации, значение для свойства seeking медиа элемента audio и video по умолчанию устанавливается как false.

Пример использования свойства media.seeking

//показать значение свойства seeking
alert(myVideo.seeking);

 

Пример video:

Для работы с примером видео на этой странице при демонстрации JS использовано присвоение объекта видео в переменную JS с именем "myVideo".

Также смотри примеры на странице: "Демонстрация JS управления HTML5 video и audio.