javascript - 在 HTML 音频标签中创建隐藏式字幕

Question

我正在寻找一种将隐藏式字幕添加到仅 HTML 音频标签的方法。我目前正在使用<track>标签，但它不提供标题框。

  <div id="audioCenter">
        <audio controls>
            <source src="~/Training/Compliance/ar/10165676.mp3" type="audio/mpeg">
            <track kind="captions" label="English SubTitles" src="~/Training/Compliance/ar/10165676.mp3" srclang="en" />
            Your browser does not support the audio element.
            </audio>
        <p style="color:white">This Section Has been Selected from Lesson 1 section 1 to allow the Test Taker to sample the audio</p>
    </div>

Answer 1

<track> 元素src应该指向 .vtt文件，而不是 .mp3 。另请参阅this Answer在Alternative for checking browser idle