I've been attempting to create captions for my audio. After a lot of searching, it seems srt is best for audio transcripts. After trying that and WebVTT, it's still not showing up. I'm not sure what to do. This code has been tested on Chrome.
<source class=vo src="voreel.mp3" type="audio/mp3"> <track default kind="captions" src="/opt/PUBchttpd/htdocs/aromanik/FA25-INFO-240/duella/captions.srt" srclang="en" label=English/> Your browser does not support audio element </audio> <script> document.getElementById('voreel.mp3').textTracks[0].mode="showing"; document.getElementById('voreel.mp3').addEventListener('play', function() { document.getElementById('captions.srt').style.display="block"; }); document.getElementById('voreel.mp3').textTracks[0].addEventListener('cuechange', function() { document.getElementById('captions.srt').innerText = this.activeCues[0].text; }); </script> track { display:block; text-align:center; font-family:monospace; font-weight:bold; text-wrap:balance } 