documents/dev/snippets/javascript/Video WebVTT.md
WebVTT
- https://www.html5rocks.com/en/tutorials/track/basics/
- add track with kind="metadata"
- track = html element
- track.track = TextTrack instance = videoElement.textTracks[0];
trackElement.addEventListener('cuechange', (evt)=> {
let activeCues = trackElement.track.activeCues;
if(activeCues.length > 0) {
let frameData = activeCues[0].text;
console.log(evt.timeStamp, frameData);
}
});
- reaction graph with VOD
- special events + sponsorship
- offline page mockup
- discovery of like streams