Управление скоростью воспроизведения 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

9 комментариев

  1. Здравствуйте! При воспроизведении файлов большого размера может использоваться буферизация файлов. Для этого вы можете использовать атрибут

  2. Pingback: writeaessay

  3. Pingback: writeaessay

  4. Pingback: Cialis 5 mg

  5. Pingback: Buy cialis online

  6. Pingback: Cialis 20mg

  7. Здравствуйте! Когда вы посещаете веб-страницу, на которой размещён мультимедийный файл поддерживаемого формата, после наведения мыши на объект мультимедиа вы увидите инструменты управления воспроизведением.

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

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