Creating a closed Caption in an HTML Audio Tag

Question

I am looking for a method to add Closed Captioning to an HTML audio only tag. I am currently using the <track> tag, but it does not provide a caption box.

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

See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio — Scott Marcus, Dec 08 '16 at 19:59

score 3 · Accepted Answer · edited May 23 '17 at 12:08

3

The <track> element src should point to a .vtt file, not .mp3. See also this Answer at Alternative for checking browser idle

edited May 23 '17 at 12:08

Community

1
1

answered Dec 08 '16 at 19:58

guest271314

1
15
104
177

Creating a closed Caption in an HTML Audio Tag

1 Answers1