HTML5 <audio>время окончания

Question

В приведенном ниже коде я проигрываю 60-секундный фрагмент из 30-минутного MP3-файла (# t = 60,180 - начинается через 60 секунд, прекращает воспроизведение через 180 секунд). При этом используется спецификация URI Media Fragment.

Однако в аудиоплеере HTML5 отображается индикатор выполнения с полными 30 минутами продолжительности.

Три вопроса:

1) Отдельно Если скрыть индикатор выполнения полностью, есть ли способ показать только три минуты, которые я хочу, в индикаторе выполнения. (Позволяет людям перематывать вперед и назад, но не на go после трех минут?)

2) Есть ли способ транслировать только эти три минуты вместо того, чтобы начинать загрузку всего файла MP3 и тратить пропускную способность? ?

3) Если (1) является единственным вариантом, как скрыть индикатор выполнения, а также переменную общей продолжительности?

<figure>
    <figcaption>Test Player</figcaption>
    <audio
        controls
        src="/test.mp3#t=60,180 id="stream" style=" width:500px;>
            Your browser does not support the
            <code>audio</code> element.
    </audio>
</figure>

Answer 1

1. Единственный способ, которым вы могли бы потенциально добиться чего-то подобного, это использовать Javascript. Однако атрибут «duration» только для чтения и не может быть изменен.

2. В этом случае лучше всего отредактировать аудиофайл и сократить 3 минуты, которые вы хотите с помощью онлайн-инструмента или программы, как ffmpeg .

3. Вы можете скрыть панель управления, просто опуская атрибут «controls» из звукового тега. Например:

<audio  autoplay="" name="media"><source src="/test.mp3" type="audio/mpeg"></audio>