video js Tracks

文本轨道提供时间功能的HTML5视频触发文本查看器。video.js轨道在所有浏览器上工作。目前有五种类型的轨道:

  • 字幕:在视频中的对话,当音频是可用,但不理解。字幕在视频上显示。
  • 字幕:标题:转录的对话,音效,音乐和其他音频信息为线索,当观众是聋子或重听,或视频静音。字幕也显示在视频。
  • 章节:章节标题,用于在视频中创建导航。通常他们是在一个列表的形式,观众可以点击进入一个特定的章节。
  • 描述(不支持):在视频中发生的视频部分不可用,因为观众是盲目的,因为他们不使用屏幕,或驾驶和即将崩溃,因为他们试图享受一段视频,而驾驶的文本描述。描述是由屏幕阅读器读取或变成一个单独的音频跟踪。
  • 元数据(不支持):有数据意味着JavaScript解析和做一些跟踪。这些都没有显示给用户。

创建文本文件

定时文本需要在webvtt格式的文本文件。此格式定义了一个“提示”列表,该列表有开始时间、结束时间和文本显示。微软有一个生成器,可以帮助你开始对文件。

创建标题时,还有额外的字幕格式技术,能很好的使用,如在音效括号:[音效]。如果你想深入的风格指导字幕更,你可以参考字幕的关键,但记住不是所有的特征都支持webvtt或(更可能)的video.js webvtt实施。

增加video.js

一旦你有你的webvtt创建的文件,你可以把它添加到使用跟踪标签video.js。把你的跟踪标签后所有的源元素,和之前的任何显示内容。

<video id="example_video_1" class="video-js vjs-default-skin"  
  controls preload="auto" width="640" height="264"  
  data-setup='{"example_option":true}'>  
 <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' />  
 <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />  

 <track kind="captions" src="http://example.com/path/to/captions.vtt" srclang="en" label="English" default>

</video>

从另一个域的字幕

因为我们在通过JavaScript文本跟踪文件,同源策略应用。如果你想有一个球员曾从一个域,但文本跟踪服务从另一个,你需要使CORS为了这样做。

轨道属性

跟踪标记的附加设置。

kind

上面列出的五个轨道类型之一。类型默认为字幕,如果没有包括。

label

标签的轨道,将显示给用户,例如在一个菜单中,列出了不同的语言可用于字幕。

default

默认属性可以用来显示跟踪默认值。否则观众需要选择自己的语言的字幕菜单。注:对于章节,如果你想让章节菜单显示,默认是必需的。

srclang

两个字母的代码(有效的BCP 47语言标记)的文本轨道的语言,例如“en”的英文。这里有一个可用的语言代码列表。

ab      Abkhazian
aa      Afar
af      Afrikaans
sq      Albanian
am      Amharic
ar      Arabic
an      Aragonese
hy      Armenian
as      Assamese
ay      Aymara
az      Azerbaijani
ba      Bashkir
eu      Basque
bn      Bengali (Bangla)
dz      Bhutani
bh      Bihari
bi      Bislama
br      Breton
bg      Bulgarian
my      Burmese
be      Byelorussian (Belarusian)
km      Cambodian
ca      Catalan
zh      Chinese (Simplified)
zh      Chinese (Traditional)
co      Corsican
hr      Croatian
cs      Czech
da      Danish
nl      Dutch
en      English
eo      Esperanto
et      Estonian
fo      Faeroese
fa      Farsi
fj      Fiji
fi      Finnish
fr      French
fy      Frisian
gl      Galician
gd      Gaelic (Scottish)
gv      Gaelic (Manx)
ka      Georgian
de      German
el      Greek
kl      Greenlandic
gn      Guarani
gu      Gujarati
ht      Haitian Creole
ha      Hausa
he      Hebrew
hi      Hindi
hu      Hungarian
is      Icelandic
io      Ido
id      Indonesian
ia      Interlingua
ie      Interlingue
iu      Inuktitut
ik      Inupiak
ga      Irish
it      Italian
ja      Japanese
jv      Javanese
kn      Kannada
ks      Kashmiri
kk      Kazakh
rw      Kinyarwanda (Ruanda)
ky      Kirghiz
rn      Kirundi (Rundi)
ko      Korean
ku      Kurdish
lo      Laothian
la      Latin
lv      Latvian (Lettish)
li      Limburgish ( Limburger)
ln      Lingala
lt      Lithuanian
mk      Macedonian
mg      Malagasy
ms      Malay
ml      Malayalam
mt      Maltese
mi      Maori
mr      Marathi
mo      Moldavian
mn      Mongolian
na      Nauru
ne      Nepali
no      Norwegian
oc      Occitan
or      Oriya
om      Oromo (Afan, Galla)
ps      Pashto (Pushto)
pl      Polish
pt      Portuguese
pa      Punjabi
qu      Quechua
rm      Rhaeto-Romance
ro      Romanian
ru      Russian
sm      Samoan
sg      Sangro
sa      Sanskrit
sr      Serbian
sh      Serbo-Croatian
st      Sesotho
tn      Setswana
sn      Shona
ii      Sichuan Yi
sd      Sindhi
si      Sinhalese
ss      Siswati
sk      Slovak
sl      Slovenian
so      Somali
es      Spanish
su      Sundanese
sw      Swahili (Kiswahili)
sv      Swedish
tl      Tagalog
tg      Tajik
ta      Tamil
tt      Tatar
te      Telugu
th      Thai
bo      Tibetan
ti      Tigrinya
to      Tonga
ts      Tsonga
tr      Turkish
tk      Turkmen
tw      Twi
ug      Uighur
uk      Ukrainian
ur      Urdu
uz      Uzbek
vi      Vietnamese
vo      Volapük
wa      Wallon
cy      Welsh
wo      Wolof
xh      Xhosa
yi      Yiddish
yo      Yoruba
zu      Zulu
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值