WebVTT (Web Video Text Tracks) is a plain-text subtitle format designed for use with HTML5 video.
WebVTT (Web Video Text Tracks) is a plain-text subtitle format designed for use with HTML5 video. It was developed by the W3C and WHATWG and widely based on the SubRip file format.
I am implementing some custom 'transcript-highlight' functionality around the cuechange event but came across this weird behavior where the TextTrackCueList of the track element is incomplete.
Chrome and Firefox don't have this problem. Is this an…
How might I achieve adding a track of accurately aligned real-time "additional" data with live-streamed audio? Primarily interested in the browser here, but ideally the solution would be possible with any platform.
The idea is, if I have a live…
I'm facing a problem, I need to change the subtitles track source dynamically from javascript.
The current behaviour is that no change happens and the old subtitles keeps showing.
This is the html:
I would like to extract the subtitle text on a paused video frame of external website (like youtube.com) through console.log.
It is assumed that the external website provides the subtitles through a webvtt or similar file.
As the subtitle text is…
I'm trying to use subtitles with my HTML5 video tag, but I can't get this to work.
I think the issue is that the video source isn't a local file.
Does anyone know how I can get around this?
…
I'm fairly new to web development, just started to learn the javascript.. So beside learning I'm trying to build a web page where the lyrics will be shown inside a p tag, which is synced with an audio file. The subtitle source is given by vet file…
I'm just started on a new project. I am working with a court transcript and a video deposition. I would like to create a web player that sync's the transcript file with the video. I am trying to figure out where to start with this. I already have…
The VTT generated by AMS v3 has some “NOTE” in the top of the vtt file. Edge and IE11 Browsers are complaining about it. It throws below parsing error. Same VTT files works fine in Chrome and firefox.
MEDIA12608: WebVTT Text Track: Timestamp…
I'm looking at https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API.
The pertinent example is this:
WEBVTT - This file has cues.
14
00:01:14.815 --> 00:01:18.114
- What?
- Where are we now?
15
00:01:18.171 --> 00:01:20.991
- This is big bat…
I'm sending video with subtitles to a Chromecast devices. Subtitles are in a separate WebVTT stream. The WebVTT data is created by transcribing .srt files. I have a partial translation of SRT subtitle formatting to VTT formatting. (Other formats…
I am looking to loop through existing .vtt files and read the cue data into a database.
The format of the .vtt files are:
WEBVTT FILE
line1
00:00:00.000 --> 00:00:10.000
‘Stuff’
line2
00:00:10.000 --> 00:00:20.000
Other stuff
Example with 2…
I'm trying to create a (.mp4 format) video with .vtt subtitles. The only thing that appears on screen are one or two black lines in the centre of the video where the subtitles should be, and only on Chrome. It works fine in e.g. Edge. Why aren't…
I'm writing a chrome extension with ReactJS that lets users insert subtitles on Youtube.
I've been trying to insert subtitles on Youtube with the track element but it's not working.
Youtube has the following element:
I have a page containing multiple HTML5 videos with different captions (webvtt). The video controls are hidden. I have a button «add subtitles» with the ID #check. If the user checks this button, ALL videos should display the captions, and if…
