Re: WebVTT for HTML5 Audio

Able Player (free open source HTML5 media player) supports <track> on
<audio>.
http://ableplayer.github.io/ableplayer/

For track kind="captions" or kind="subtitles" it displays the text in an
interactive transcript. There are several options as to how that is
rendered, defined on the Able Player home page. Here's an example, with the
transcript rendered as a pop-up, triggered by the "Show Transcript" button
on the controller (the default rendering):
http://ableplayer.github.io/ableplayer/demos/audio4.html

If multiple tracks are included in different languages, a select field will
appears at the top of the transcript that enables users to select the
language.

Here's another example, which uses track kind="metadata" to display
supplemental text in sync with the audio:
http://ableplayer.github.io/ableplayer/demos/audio5.html

Hope that helps!

Cheers,
Terrill




---
Terrill Thompson
Technology Accessibility Specialist
DO-IT, Accessible Technology Services
UW Information Technology
University of Washington
tft@uw.edu

On Mon, Jun 26, 2017 at 10:52 AM, Jim Allan <jimallan@tsbvi.edu> wrote:

> http://caniuse.com/#feat=webvtt
> http://w3c.github.io/html/semantics-embedded-content.
> html#the-track-element
>
> On Sat, Jun 24, 2017 at 9:36 PM, Michael A. Peters <mpeters@domblogger.net
> > wrote:
>
>> According to https://www.iandevlin.com/blog/2015/12/html5/webvtt-and-audi
>> o the html5 audio element does not support the track element.
>>
>> Using the video element instead sometimes works with audios, but not
>> always.
>>
>> Are they any plans to add proper support for the track element, or
>> another way of adding WebVTT subtitles to html5 audio?
>>
>>
>
>
> --
> Jim Allan, Accessibility Coordinator
> Texas School for the Blind and Visually Impaired
> 1100 W. 45th St., Austin, Texas 78756
> voice 512.206.9315 <(512)%20206-9315>    fax: 512.206.9264
> <(512)%20206-9264>  http://www.tsbvi.edu/
> "We shape our tools and thereafter our tools shape us." McLuhan, 1964
>