video js Tracks

来源:互联网 发布:万达电商 网络要走 编辑:程序博客网 时间:2024/06/06 19:42

文本轨道提供时间功能的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      Abkhazianaa      Afaraf      Afrikaanssq      Albanianam      Amharicar      Arabican      Aragonesehy      Armenianas      Assameseay      Aymaraaz      Azerbaijaniba      Bashkireu      Basquebn      Bengali (Bangla)dz      Bhutanibh      Biharibi      Bislamabr      Bretonbg      Bulgarianmy      Burmesebe      Byelorussian (Belarusian)km      Cambodianca      Catalanzh      Chinese (Simplified)zh      Chinese (Traditional)co      Corsicanhr      Croatiancs      Czechda      Danishnl      Dutchen      Englisheo      Esperantoet      Estonianfo      Faeroesefa      Farsifj      Fijifi      Finnishfr      Frenchfy      Frisiangl      Galiciangd      Gaelic (Scottish)gv      Gaelic (Manx)ka      Georgiande      Germanel      Greekkl      Greenlandicgn      Guaranigu      Gujaratiht      Haitian Creoleha      Hausahe      Hebrewhi      Hindihu      Hungarianis      Icelandicio      Idoid      Indonesiania      Interlinguaie      Interlingueiu      Inuktitutik      Inupiakga      Irishit      Italianja      Japanesejv      Javanesekn      Kannadaks      Kashmirikk      Kazakhrw      Kinyarwanda (Ruanda)ky      Kirghizrn      Kirundi (Rundi)ko      Koreanku      Kurdishlo      Laothianla      Latinlv      Latvian (Lettish)li      Limburgish ( Limburger)ln      Lingalalt      Lithuanianmk      Macedonianmg      Malagasyms      Malayml      Malayalammt      Maltesemi      Maorimr      Marathimo      Moldavianmn      Mongolianna      Naurune      Nepalino      Norwegianoc      Occitanor      Oriyaom      Oromo (Afan, Galla)ps      Pashto (Pushto)pl      Polishpt      Portuguesepa      Punjabiqu      Quechuarm      Rhaeto-Romancero      Romanianru      Russiansm      Samoansg      Sangrosa      Sanskritsr      Serbiansh      Serbo-Croatianst      Sesothotn      Setswanasn      Shonaii      Sichuan Yisd      Sindhisi      Sinhalesess      Siswatisk      Slovaksl      Slovenianso      Somalies      Spanishsu      Sundanesesw      Swahili (Kiswahili)sv      Swedishtl      Tagalogtg      Tajikta      Tamiltt      Tatarte      Teluguth      Thaibo      Tibetanti      Tigrinyato      Tongats      Tsongatr      Turkishtk      Turkmentw      Twiug      Uighuruk      Ukrainianur      Urduuz      Uzbekvi      Vietnamesevo      Volapükwa      Walloncy      Welshwo      Wolofxh      Xhosayi      Yiddishyo      Yorubazu      Zulu
0 0
原创粉丝点击