Questions tagged [webvtt]

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.

References

183 questions
6
votes
3 answers

Loading webvtt track in IE

I'm loading a webvtt file. Works fine but in IE11 no cues are present. WEBVTT FILE 00:00:01.000 --> 00:00:04.000 Let's take a look at the 4th platform preview of IE10 00:00:04.000 --> 00:00:06.000 …
Eugene
  • 343
  • 1
  • 3
  • 14
5
votes
1 answer

webvtt position wrong when using css translate on parent (slider)

In my project I'm using swiper.js as a slideshow, each slide either contains and image or a html5 video with webvtt captions / subtitles. On debugging, we noticed that the subtitle position is wrong (too low, cuts off screen) on webkit…
matiyin
  • 51
  • 5
5
votes
2 answers

How to change video subtitles font size in html5?

My html looks like this:
4
votes
1 answer

Using WebVTT subtitles in HLS: is segmenting required?

Just wondered if I'm missing something with the HLS spec but I'd like to add captions/subtitles into the HLS .m3u8, using WebVTT. I've seen sites where people say any HLS subtitle file either should be segmented, or must be segmented (in the case of…
coder_uk
  • 657
  • 1
  • 8
  • 20
4
votes
1 answer

Ffmpeg burnt in subtitles out of sync when converting to hls

I have a file that has subtitles burn into it and they are perfectly in sync. Here is the file. https://983yqbz442.s3.amazonaws.com/little-mermaid-captions.mp4 I run this command to convert to hls and it creates the .ts files and the .vtt…
user1503606
  • 3,872
  • 13
  • 44
  • 78
4
votes
0 answers

ffmpeg doesn't detect the subtitle format (webvtt) and refuses to copy it

I am trying to re-encode the audio on some video files. I want to copy the video and subtitles without touching them, however, ffmpeg doesn't detect the format of the subtitle (which is webvtt) and refuses to do anything. fmpeg -copy_unknown…
Thomas
  • 1,053
  • 2
  • 11
  • 20
4
votes
1 answer

How to add delay or offset to sync webvtt subtitles in html5 native video player?

My video and webvtt subtitles are not synced. Is there a JavaScript way to manage webvtt subtitle synchronization/delay/offset in html5 native player? I found this lib (https://github.com/florinn/vtt-shift) but it rewrite the webvtt file on disk.…
fnkrm
  • 498
  • 3
  • 12
4
votes
2 answers

Get all cues and their properties from a vtt file in nodejs

Say, I have a vtt file from which I want to get all the cues and their associated properties, such as startTime, endTime etc, in nodejs environment. I have searched by all keywords I can come up with, like 'parse vtt file by javascript', but the…
Xi Xiao
  • 953
  • 1
  • 12
  • 28
4
votes
3 answers

How to use webvtt file with MediaPlayer for Audio track in Android

I have a .m3u8 URL(for track) and a .vtt URL(for track details). I am developing a radio in android where details of every track comes with .vtt file. So my question is how can I synchronize both track url and .vtt url in MediaPlayer. My radio is…
Vishal Chhodwani
  • 2,567
  • 5
  • 27
  • 40
4
votes
2 answers

How do we load a WebVtt file in React?

This is my data structure WEBVTT 00:00:15.000 --> 00:00:17.951 At the left we can see... 00:00:18.166 --> 00:00:20.083 At the right we can see the... 00:00:20.119 --> 00:00:21.962 ...the head-snarlers I am trying to parse a web vtt file. For this I…
funkadelic
  • 83
  • 10
4
votes
0 answers

MS Edge

I have a video with WebVTT subtitles in several languages. They seem to play fine on all of our target browsers except for MS Edge. The WebVTT files are served from Amazon S3 (the video is served from the same bucket), and they're marked with the…
scottb
  • 1,135
  • 11
  • 17
4
votes
2 answers

Can we play .vtt file in android for subtitles?

I have got a .SRT file working on Android platform as sub-tiles along with video. But the company has .vtt files for tons of videos, and .srt for only a few. .vtt is supported by iPhone development. Can we play .vtt file on Android for subtitles? I…
4
votes
3 answers

Remove Background HTML5-Video/WEBVTT subtitle on iOS iPhone/iPad

I have a HTML5 video with a track-element for subtitles in webvtt-format. How can I remove the black background behind the subtitles on iOS/iPhone/iPad? In the browsers on a PC I can remove it with CSS ::cue{background: transparent;} Thanks for…
Baumi
  • 61
  • 1
  • 4
3
votes
2 answers

Playing a video with captions in Jupyter notebook

How to play a video with captions in Jupyter notebook? With code snippets from these post, I've tried to play a video inside jupyter notebook: How can I play a local video in my IPython notebook? how play mp4 video in google colab from…
alvas
  • 115,346
  • 109
  • 446
  • 738
3
votes
1 answer

Native browser support for parsing w/o video

I'm trying to see if I need to import a VTT parser or if it's possible for me to get HTML from . It seems like the browser support exists already for parsing HTML to show atop a video but I can't find a way to access it…
azulBonnet
  • 831
  • 4
  • 14
  • 31
1
2
3
12 13