Заголовок в формате HTML / CSS на video.js - PullRequest
Новая
       50

Заголовок в формате HTML / CSS на video.js

0 голосов
/ 24 июня 2018

Я исследую платформу адаптивного потокового вещания, я хотел бы спросить, есть ли возможность использовать канал субтитров (заголовок) для отображения с форматированной видео (js) информацией о текущем видеоклипе.Например: в моем случае я использую для передачи музыкального плейлиста видеоклипа, и я хотел бы представить текущему исполнителю css-box с информацией о.В настоящее время я использую GPAC для отправки адаптивных видео в формате mpeg-dash, я хотел бы знать, есть ли способ отправить через канал субтитров информацию, которую мне нужно отображать для каждого видео внутри css-box вместо стандартного формата для субтитров.условная ссылка www.allibrante.com Большое спасибо!

Ответы [ 2 ]

0 голосов
/ 03 июля 2018

Вот мой прототип такого подхода: https://weasel.firmfriends.us/DualSubs/

(У него есть ограничение VTT, которое не работает в Firefox и Edge, но оно отлично работает в Chrome и Opera. Лично я могу житьс этим, так что я планирую интегрировать его в мои рабочие страницы для просмотра нескольких видео.)

Смотрите обсуждение аналогичной темы здесь: Videojs отображает пользовательское сообщение без использования какого-либо плагина

РЕДАКТИРОВАТЬ: Сегодня (11 июля 2018 года) я подал отчет об ошибке в Mozilla, здесь: https://bugzilla.mozilla.org/show_bug.cgi?id=1474975

(я не удосужился подать ошибку в Edge ...Имхо, они не заканчивают в одной лиге с Opera и Chrome, и, вероятно, никогда не будут.)

0 голосов
/ 25 июня 2018

MPEG DASH поддерживает информацию о субтитрах, либо в виде отдельного файла, либо в контейнере mp4.

Существуют различные форматы, определенные для субтитров, но из описания ваших потребностей это звучит как W3C TTML.match.

Это поддерживает CSS для стилизации текста - в спецификации есть такие примеры: 

<region xml:id="r1">
  <style tts:extent="306px 114px"/>
  <style tts:backgroundColor="red"/>
  <style tts:color="white"/>
  <style tts:displayAlign="after"/>
  <style tts:padding="3px 30px"/>
</region>
...
<p region="r1" tts:backgroundColor="purple" tts:textAlign="center">
  Twinkle, twinkle, little bat!<br/>
  How <span tts:backgroundColor="green">I wonder</span> where you're at!
</p>

enter image description here

Полная спецификациядоступно здесь (на момент написания): https://www.w3.org/TR/2018/CR-ttml2-20180313/, и вы можете увидеть некоторые обсуждения и примеры здесь: https://github.com/rbouqueau/TTML_in_MP4_DASH_statement

...