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

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

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

  2. Pingback: writeaessay

  3. Pingback: writeaessay

  4. Pingback: Cialis 5 mg

  5. Pingback: Buy cialis online

  6. Pingback: Cialis 20mg

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

  8. Visitors to workshop can find many questionnaires woman of any age and nationality performing tantric massage in the city Brooklyn.

    Specialists are able not only to give pleasure in this way, but also to the strong semi-gentlemen. Girls perform tantric a massage that will produce a gentleman a vivid impression.
    Prices for tantric massage depends on qualification Women and the skills that she possesses. Before making a choice, carefully study the prices for services and customer feedback about the work of one or another masseur specialist. We are sure that the search for a real professional masseur will be crowned with success and you will be satisfied with the quality of our services. Girls are skilled workers in their field and they will help you relax after a hard day.

    We have a showroom in New York. : Lingam massage or penis massage

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

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