Описание тега webvtt

WebVTT (Web Video Text Tracks) is a plain-text subtitle format designed for use with HTML5 video.
1 ответ

Как я могу получить файл VTT для работы с моим mp4 на потоковом сервере?

У меня есть несколько видео, к которым я пытаюсь добавить файл с закрытыми субтитрами VTT. Я развернул MP4 через JWPlayer 6.8 в Blackboard SP11. Мне трудно расшифровать, что именно мне нужно сделать, чтобы заставить это работать. MP4 находится на др…
05 июн '14 в 14:24
0 ответов

HTML5 Video textTracks - событие для смены режима

Я пытаюсь создать стандартный видеоплеер HTML5, который поддерживает субтитры с помощью элемента и WebVTT. Моя цель для этого плеера - не создавать пользовательский интерфейс управления, а полагаться на стандартные элементы управления, предоставляем…
23 янв '15 в 21:45
1 ответ

VTT(Субтитры) не работает с внешнего URL

Я пытаюсь воспроизвести субтитры фильма с внешнего URL, но он не работает, и когда я пытаюсь добавить файл vtt, который хранится локально, он работает. Ниже приведены коды<video id="video" controls preload="metadata"> <source src="video/sin…
22 авг '16 в 10:29
1 ответ

Можно ли переместить HTML5 видео CC под видео?

Клиент хочет, чтобы субтитры были недоступны для видео, поэтому они хотят, чтобы они были под видео. Мы используем файлы vtt для наших подписей. Это можно сделать в CSS? Может быть, какие-то настройки в файле vtt?
04 янв '17 в 22:41
1 ответ

Файл WebVTT для прямой трансляции

Я пытаюсь реализовать субтитры для прямой трансляции. Видео генерируется из источника и преобразуется в файл m3u8 + ts через кодировщик и помещается на сервер. видео с 3-битной скоростью для адаптивной потоковой передачи. Преобразователь речи в текс…
0 ответов

Стилизация WebVTT в Android VideoView

У меня есть поток HLS с субтитрами WebVTT, и я хотел бы визуализировать голоса с их конкретным стилем внутри VideoView. На HTML-странице я бы включил CSS со стилями голосов::cue. Но на данный момент я не вижу способа встроить определение стилей в We…
28 апр '15 в 13:47
2 ответа

Как мы загружаем файл WebVtt в React?

Это моя структура данных WEBVTT 00: 00: 15.000 -> 00:00:17.951 Слева мы видим... 00: 00: 18.166 -> 00:00:20.083 Справа мы видим... 00: 00: 20.119 -> 00:00:21.962 ... ловцы головы Я пытаюсь разобрать веб-файл vtt. Для этого я написал: var data = requ…
31 янв '17 в 21:10
1 ответ

VTT файл для видео HTML 5

Не могу понять, почему он не загружает файл subtitle.vtt, который я пробую на chrome. <div id="videoKilledTheRadioStar"> <video id="Tutorial" width="420" autoplay controls> <source src="videos/shaco.mp4" type="video/mp4"> <track…
29 июл '15 в 16:32
1 ответ

Получить все подсказки и их свойства из файла vtt в nodejs

Скажем, у меня есть файл vtt, из которого я хочу получить все подсказки и связанные с ними свойства, такие как startTime, endTime и т. Д., В среде nodejs. Я искал по всем ключевым словам, которые я могу придумать, например, "parse vtt file by javasc…
15 июн '17 в 08:35
1 ответ

Интерактивная стенограмма для видео Youtube

Я работаю над видео-сайтом Youtube и хотел бы реализовать функцию интерактивной расшифровки, например, такую: http://demo.jwplayer.com/iframes/interactive-transcript/ (у меня есть файлы с расшифровкой и заголовками видео в форматах SRT и WebVTT. Я н…
31 июл '14 в 07:58
1 ответ

Почему относительный путь не отображает субтитры HTML5

Вчера я начал работать с HTML5 Autoplay, а также добавил тег HTML5 или субтитры. У меня возникают проблемы с пониманием, почему при воспроизведении образца видео *.mp4 он может отображать субтитры по относительному пути (file:///Users/user/Desktop/t…
21 янв '16 в 09:02
1 ответ

Обнаружение псевдоэлемента::cue или выполнение каких-либо действий, если::cue не поддерживается в браузере

<video id="videodisplay-0" class="js-play" crossorigin="anonymous"> <source src="things.mp4" type="video/mp4"> <track label="English" kind="captions" srclang="en" default="" src="test.vtt"> </video> Выше находится фрагмент в…
0 ответов

HLS потоковые субтитры не отображаются

Я пытался добавить субтитры в мой поток Live HLS, используя этот учебник 1: http://hlsbook.net/how-to-add-subtitles-to-a-live-hls-stream/, также прочитайте все вопросы в Интернете, но не удалось. Проблема в том, что потоковая передача работает, и бр…
12 фев '19 в 20:23
1 ответ

Стилизация WebVTT не применяется в простом примере

Я пытался заставить субтитры.vtt работать над видео, используя этот простой HTML: <!DOCTYPE html> <html lang="en"> <head> <style> /* video::cue{ color:yellow } */ </style> </head> <body> <video width="600…
21 янв '19 в 13:45
0 ответов

Как объединить сегментированные файлы субтитров webvtt и вывести один файл?

Как объединить сегментированный файл субтитров webvtt и вывести один файл?, m3u8 выглядит следующим образом: #EXTM3U #EXT-X-VERSION:4 #EXT-X-PLAYLIST-TYPE:VOD #EXT-X-MEDIA-SEQUENCE:1 #EXT-X-INDEPENDENT-SEGMENTS #EXT-X-TARGETDURATION:4 #USP-X-TIMESTA…
23 янв '19 в 23:27
1 ответ

Поддерживает ли ChromeCast форматирование текста субтитров в потоках субтитров WebVTT?

Я отправляю видео с субтитрами на устройства Chromecast. Субтитры находятся в отдельном потоке WebVTT. Данные WebVTT создаются путем расшифровки файлов.srt. У меня есть частичный перевод форматирования субтитров SRT в форматирование VTT. (Другие фор…
18 фев '19 в 01:50
0 ответов

Plyr не отображает субтитры VTT в Wowza Streaming Engine VOD

Я использую проигрыватель Plyr для воспроизведения VOD-потока из Wowza Streaming Engine (WSE). Пока я могу воспроизводить видеопоток без проблем, но он не распознает субтитры VTT, которые передаются WSE. Далее моя установка: <!DOCTYPE html> &l…
11 янв '19 в 16:09
0 ответов

Стильные специфические сигналы WebVTT

Я немного углубился в тонкости HTML5 и поиграл с видео API. Во всяком случае, я прочитал, что формат WebVTT позволяет применять правила CSS к сигналам, отображаемым на видео, благодаря ::cue Псевдо-элемент. Теоретически вы могли бы написать эти прав…
22 фев '19 в 01:45
1 ответ

Удалить фоновые HTML5-видео /WEBVTT субтитры на iOS iPhone/iPad

У меня есть видео HTML5 с трек-элементом для субтитров в формате webvtt. Как удалить черный фон за субтитрами на iOS/iPhone/iPad? В браузерах на ПК я могу удалить его с помощью CSS::cue{background: transparent;} Спасибо за помощь
16 сен '14 в 12:41
0 ответов

Подписи Chromecast WebVTT на получателе по умолчанию

Поэтому я пытаюсь настроить закрытые титры для Chromecast с помощью приложения Chrome Sender по умолчанию, в соответствии с документами это должно быть возможно, как показано здесь. Я не могу понять, почему мой код не работает. Это практически идент…