html - HTML5 <音频>结束时间

Question

在下面的代码中，我正在播放30分钟的MP3文件中的60秒片段(＃t = 60,180-在60秒开始，在180秒停止播放)。这使用媒体片段URI规范。

但是，HTML5音频播放器会显示进度条，显示整个30分钟的时间。

三个问题:

1)除了完全隐藏进度条之外，还有一种方法只能在进度条中显示我想要的三分钟。 (让人们快进和快退，但不超过三分钟吗？)

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

可能实现此类目标的唯一方法是使用Javascript。但是，“duration”属性为read-only，无法修改。

在这种情况下，最好的办法是编辑音频文件，并使用online tool或类似ffmpeg的程序缩短3分钟。

您可以通过简单地从音频标签中省略'controls'属性来隐藏控件栏。例如:

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