Книга: JavaScript. Подробное руководство, 6-е издание

21.2.2. Управление воспроизведением

21.2.2. Управление воспроизведением

Самыми важными методами элементов <audio> и <video> являются методы рlау() и pause(), которые запускают и останавливают воспроизведение:

// Когда документ будет загружен, запустить фоновое проигрывание мелодии
window.addEventListener("load", function() {
                                 document.getElementById("music").play();
  }, false);

Помимо возможности запустить и остановить проигрывание звука или видео имеется возможность выполнить переход к требуемому месту в мультимедийных данных установкой свойства currentTime. Это свойство определяет время в секундах, к которому должен быть выполнен переход, и его можно устанавливать в процессе проигрывания данных или во время паузы. (Свойства initialTime и duration ограничивают диапазон допустимых значений свойства currentTime; подробнее об этих свойствах рассказывается ниже.)

Свойство volume определяет уровень громкости как числовое значение в диапазоне от 0 (минимальная громкость) до 1 (максимальная громкость). Свойству muted может быть присвоено значение true, чтобы выключить звук, или false, чтобы продолжить воспроизведение с установленным уровнем громкости.

Свойство playbackRate определяет скорость проигрывания. Значение 1,0 соответствует нормальной скорости. Значения выше 1 соответствуют «ускоренному воспроизведению вперед», а значения от 0 до 1 - «замедленному воспроизведению вперед». Отрицательные значения предполагают проигрывание звука или видео в обратном направлении, но на момент написания этих строк броузеры не поддерживали такую возможность. Элементы <audio> и <video> также имеют свойство defaultPlaybackRate. Всякий раз, когда вызывается метод рlау(), значение свойства defaultPlaybackRate присваивается свойству playbackRate.

Обратите внимание, что свойства currentTime, volume, muted и playbackRate не являются единственными средствами управления воспроизведением. Если элемент <audio> или <video> имеет атрибут controls, он отображает элементы управления проигрывателем, давая пользователю возможность управлять воспроизведением. В этом случае сценарий может читать значения таких свойств, как muted и currentTime, чтобы определить, как протекает воспроизведение мультимедийных данных.

HTML-атрибуты controls, loop, preload и autoplay оказывают влияние на воспроизведение аудио и видео, а также доступны для чтения и записи как JavaScript-свойства. Атрибут controls определяет, должны ли отображаться элементы управления проигрывателем. Присвойте этому свойству значение true, чтобы отобразить элементы управления, или false, чтобы скрыть их. Логическое свойство loop определяет, должно ли воспроизведение начинаться сначала по достижении конца (true) или нет (false). Свойство preload определяет, какой объем мультимедийных данных должен быть загружен прежде, чем пользователь сможет запустить проигрывание. Значение «none» означает, что предварительная загрузка данных не требуется. Значение «metadata» означает, что предварительно должны быть загружены такие метаданные, как продолжительность, битрейт и размер кадра, но предварительная загрузка самих данных не требуется. При отсутствии атрибута preload броузеры обычно загружают только метаданные. Значение «auto» означает, что броузер должен предварительно загрузить такой объем данных, какой он сочтет нужным. Наконец, свойство autoplay определяет, должно ли начаться воспроизведение автоматически, после загрузки достаточного объема данных. Присваивание свойству autoplay значения true подразумевает, что броузер должен предварительно загрузить некоторый объем данных.

Оглавление книги