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 at Alternative for checking browser idle