Управление скоростью воспроизведения HTML5 тегов

В процессе разработки софта для колл-центра потребовалось сделать веб-интерфейс для прослушивания записанных ранее звонков. Как показала практика, часто нужно слушать не весь разговор, а отдельные моменты. Для этого было принято решение воспроизводить запись в ускоренном темпе с возможностью его замедления в нужных местах. Оказалось, что <audio> все это умеет делать «из коробки» путем установки нужного коэффициента свойству playbackRate:

var audio=document.getElementById("audio1");
audio.playbackRate=0.5; //Замедленная в полтора раза скорость
audio.playbackRate=1;   //Нормальная скорость
audio.playbackRate=1.5; //Увеличенная в полтора раза скорость
audio.playbackRate=2.0; //Увеличенная вдвое скорость

Кроме этого, у <audio> есть довольно обширный API, который очень пригодится при создании своего HTML5-плеера: https://www.w3schools.com/tags/ref_av_dom.asp

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *