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