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
- video js Tracks
- Video.js
- Video.js
- video.js
- video.js文档
- video js安装
- video js选项
- video.js的应用
- Video.js简单使用
- video.js播放视频
- video.js API
- video.js 自定义使用
- video-js简单操作
- Video.js参考
- js基础-Video/Audio
- video.js API 详解
- Video.js自定义使用
- video.js使用教程API
- angularjs的SEO问题解决方案
- Struts 2 creating own interceptor
- Android--Service中添加 浮动 View
- Nagios 监控系统架设全攻略
- JS监听键盘两个组合键触发的事件
- video js Tracks
- httpclient写的话
- 各种旋转表示方法
- LINUX学习
- Mipmap纹理技术
- iOS开发之 分段选择控件 开关 滑杆
- ListView嵌套GridView中的监听问题
- Android Data Binding初次使用
- Java笔记:CountDownLatch - 计数锁存器、Future、CyclicBarrier - 循环屏障 和 Semaphore - 信号量