Возможно ли, чтобы видео HTML5 воспроизводило субтитры, встроенные в файл mp4, в качестве дорожки?

Я импортировал файл Webvtt в файл mp4 как трек, следуя инструкции Субтитры с помощью GPAC

, и я проверил, правильно ли отображаются субтитры, когда я использую плеер Osmo4 от GPAC.

Теперь я хотел бы воспроизвести это видео с субтитрами с помощью тега HTML5 video, но кажется, что элемент мультимедийной дорожки HTML требует атрибута src, который указывает расположение файла webvtt.

Есть ли способ воспроизвести встроенные субтитры?


html video html5-video subtitle webvtt
person han0ah    schedule 01.12.2014    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Теперь с помощью MP4Box.js можно на лету извлекать субтитры из MP4 и воспроизводить их в браузере. Вам следует проверить эту демонстрацию, в частности пример Audio / Video / WebVTT. .

person cconcolato    schedule 15.09.2015
comment
Обратите внимание, что демонстрация в Firefox выглядит немного странно: сначала вы можете выбрать пример из раскрывающегося списка «Выбрать или установить URL:»; когда вы это сделаете, на элементе видео появится счетчик, заставляющий вас думать, что файл вот-вот будет загружен и воспроизведен - но это не так! После того, как вы сделаете выбор в раскрывающемся списке, вы должны нажать кнопку "Воспроизвести" ниже - и только после этого файл начнет скачиваться и воспроизводиться! Кроме того, реакция на наведение указателя мыши в Firefox 64 немного отличается ... - person sdaau; 04.01.2019
comment
Оказывается, взаимодействие с демо объясняется на вкладке «Инструкции и примечания»; примечание: ... выберите видео, размещенное на сервере, который позволяет этой странице получать эти видео с помощью XHR (т. е. с использованием CORS) ...; в раскрывающемся списке «Выбрать или установить URL:» также есть раздел «Нефрагментированные файлы (требуется отключение CORS)», который является единственным разделом с полными URL-адресами http *, но ни один из них не загружается (если включена веб-безопасность / CORS, что по умолчанию он находится в FF - смотрите его консоль JS при загрузке ссылки с кнопкой Play: Запрос на кросс-источник заблокирован: та же политика происхождения запрещает ...) - person sdaau; 04.01.2019

arrow_upward
7
arrow_downward

Нет, HTML5 Video Tag в настоящее время не поддерживает внутренние субтитры и звуковые дорожки.

Правильный способ вставки субтитров в тег видео HTML5:

<video width="640" height="480" controls>
  <source src="video.mp4" type="video/mp4" />
  <source src="video.webm" type="video/webm" />
  <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English" />
</video>

Дополнительная информация о субтитрах видео HTML5 и WebVTT

person Jaruba    schedule 02.12.2014