Может ли VideoJs отображать субтитры на китайском языке?

Question

Я только начал использовать VideoJS. Весьма впечатлен легкостью начальной настройки библиотеки Javascript и чистой интеграции видео на веб-страницы.

Однако я столкнулся с проблемой отображения субтитров на иностранном языке (например, на китайском языке). Ниже приведен код для встраивания видео

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" 
      height="264" poster="Image/oceans-clip.png" data-setup="{}"> 
    <source src="Video/oceans.mp4" type='video/mp4'/>    
    <track kind="captions" src="video-js/demo.captions_C.vtt" srclang="zh" label="Chinese" default></track> 
    <track kind="captions" src="video-js/demo.captions.vtt" srclang="en" label="English"></track> 
    <!-- Tracks need an ending tag thanks to IE9 -->    
    <track kind="subtitles" src="video-js/demo.captions_C.vtt" srclang="zh" label="Chinese" default></track> 
    <track kind="subtitles" src="video-js/demo.captions.vtt" srclang="en" label="English"></track> 
    <!-- Tracks need an ending tag thanks to IE9 --> 
    <p class="vjs-no-js"> 
     To view this video please enable JavaScript, and consider upgrading to a web browser that 
     <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 
    </p> 
</video> 

Вопросы у меня есть:

1) Китайские надписи в «demo.captions_C.vtt» не отображаются, даже если он установлен по умолчанию. Вместо этого отображаются надписи в «demo.captions.vtt is».

2) Я попытался выбрать «Китайский» в меню подписи. Ответа и изменений не было.

"demo.captions_C.vtt" представлен ниже:

WEBVTT 
 

 
00:00.000 --> 00:02.332 
 
这是中文字幕 
 

 
00:02.332 --> 00:10.947 
 
海鸥的英雄礼赞音乐 
 

 
00:10.947 --> 00:17.691 
 
大海在咆哮 
 

 
00:17.691 --> 00:50.279 
 
鲸鱼在召唤

Единственное различие (за исключением содержимого) Я могу сказать, между demo.captions.vtt и demo.captions_C .vtt - то, что последний использует кодировку utf8, а первая использует us-ascii.

Мне интересно (а), если я пропустил что-либо в коде html в интеграции с тегом видео в настройке треков. Почему отображается только английский язык. (b) Кто-нибудь успешно использовал файл vtt, который использует кодировку UTF-8? сообщите мне свои процедуры.

Answer 1

Вот рабочий пример с китайскими субтитрами: https://jsfiddle.net/xrpnbwfz/1/

<video id="dotsub_example" class="video-js vjs-default-skin" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" controls preload="auto" data-setup='[]'> 
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> 
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' /> 
<source src="http://video-js.zencoder.com/oceans-clip.ogg" type='video/ogg; codecs="theora, vorbis"' /> 
<track kind='captions' src='https://dotsub.com/media/5d5f008c-b5d5-466f-bb83-2b3cfa997992/c/chi_hans/vtt' srclang='zh' label='Chinese' default /> 
<track kind='captions' src='https://dotsub.com/media/5d5f008c-b5d5-466f-bb83-2b3cfa997992/c/eng/vtt' srclang='en' label='English' /> 
<track kind='captions' src='https://dotsub.com/media/5d5f008c-b5d5-466f-bb83-2b3cfa997992/c/spa/vtt' srclang='es' label='Spanish' /> 
<track kind='captions' src='https://dotsub.com/media/5d5f008c-b5d5-466f-bb83-2b3cfa997992/c/fre_ca/vtt' srclang='fr' label='French' /> 
</video> 

Если вы используете последнюю версию 4.12, есть некоторые известные проблемы с титрами/субтитрами: https://github.com/videojs/video.js/issues/1888https://github.com/videojs/video.js/issues/1904 https://github.com/videojs/video.js/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+caption