Javascript 在HTML音频标记中创建封闭式标题

我正在寻找一种方法来添加一个HTML音频标签封闭字幕。我目前正在使用

标记，但它没有提供标题框

  <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>

您的浏览器不支持音频元素。
本节选自第1课第1节，以允许考生对音频进行采样

元素

src

应该指向

.vtt

文件，而不是

.mp3

。另请参见位于的元素

src

应指向

.vtt

文件，而不是

.mp3

。另请参见

参见：您是否设法将CC添加到元素？询问是因为Mozilla doc说“该元素不直接支持WebVTT。您必须找到一个为您提供该功能的库或框架，或者自己编写代码来显示字幕。一个选项是使用支持WebVTT的元素播放音频。”请参阅：您是否设法将CC添加到元素？询问是因为Mozilla doc说“该元素不直接支持WebVTT。您必须找到一个为您提供该功能的库或框架，或者自己编写代码来显示字幕。一个选项是使用支持WebVTT的元素播放音频。”