2013-05-14 3 views
1

У меня есть страница, где я хочу вставить элемент видео с субтитрами TTML, используя PopcornJS, как вы можете видеть в this Fiddle. Все работает отлично, за исключением субтитров. Они не показывают. Когда я делаю что-то вроде <video src="myvideo.mp4" data-timeline-sources="data.ttml" />, субтитры работают правильно.Добавление видеоэлемента с субтитрами Popcorn TTML

Так что я делаю что-то неправильно здесь, или просто невозможно, чтобы PopcornJS вставлял элемент video, устанавливал атрибут data-timeline-sources и воспроизводил видео с этим файлом субтитров?

Мой data.ttml файл субтитров выглядит следующим образом:

<tt xmlns:tts="http://www.w3.org/2006/04/ttaf1#styling" xmlns="http://www.w3.org/2006/04/ttaf1"> 
<body region="subtitleArea"> 
    <div> 
    <p xml:id="subtitle1" begin="0.50s" end="2.5s"> 
     Test subtitle 1 
    </p> 
    <p xml:id="subtitle2" begin="3.0s" end="5.0s"> 
     Test subtitle 2 
    </p> 
    <p xml:id="subtitle3" begin="5.5s" end="8.5s" > 
     Test subtitle 3a<br/> 
     Test subtitle 3b 
    </p> 
    <p xml:id="subtitle4" begin="9.5s" end="12.0s"> 
     Test subtitle 4 
    </p> 
    <p xml:id="subtitle5" begin="13.0s" end="15.0s"> 
     Test subtitle 5 
    </p> 
    </div>  
</body> 
</tt> 

ответ

0

Popcorn TTML parser является сценарий, так что положить его в тег сценария, как в следующих демок:

IE10 является единственным браузером t шляпа поддерживает TTML изначально. Поддержка Chrome WebVTT. Firefox не поддерживает ни один из них. Вот некоторые учебники о каждом:

Смежные вопросы