HTML5媒体元素中的<track>元素

　　随着H5视频功能的不断完善，为网页多媒体带来了新的活力，而media中的track元素则可以为媒体定义文本轨道，也就是音视频的字幕。以下是青锋建站给大家分享的HTML5中track元素的详细介绍与track的DOM接口。

track元素的全局属性

kind -文本轨道的类型
src - 数据源URL
srclang - 文本轨道的语言
label - 可见标记
default - 当没有其他合适的文本时所使用的默认的文本轨道

track元素的DOM接口

interface HTMLTrackElement : HTMLElement {
           attribute DOMString kind;
           attribute DOMString src;
           attribute DOMString srclang;
           attribute DOMString label;
           attribute boolean default;

  const unsigned short NONE = 0;
  const unsigned short LOADING = 1;
  const unsigned short LOADED = 2;
  const unsigned short ERROR = 3;
  readonly attribute unsigned short readyState;

  readonly attribute TextTrack track;
};

track元素的kind属性

　　kind属性是一个枚举类型的属性，下列表格列出了它的枚举项

	State	Brief description
`subtitles`	Subtitles	对话的字幕，相当于中文电影里的英文字幕。当浏览者听不展语音的语言时非常有用。
`captions`	Captions	转录或翻译对话，声音效果，相关的音乐线索，和其他相关的音频信息，适用于当声音不可用或不清楚的声音（例如，因为它是静音，淹没了周围的噪音，或因为用户是聋子）。覆盖在录像上；被标记为适合听力困难的。
`descriptions`	Descriptions	对媒体资源的视频组件的文本描述，用于音频合成时的视觉成分是模糊的，不可用或不可用（例如，因为用户与无屏的应用而驱动，或因为用户是盲目的）。合成音频。
`chapters`	Chapters	用于导航媒体资源的章节标题。在用户代理的接口中显示为交互式（潜在嵌套）列表。
`metadata`	Metadata	轨道用脚本。由用户代理不显示。

kind属性可以省略。缺失值的默认状态是字幕。

track元素的src属性

　　src属性给出了文本跟踪数据的地址。该值必须是一个有效的非空URL,即便这个URL的内容为空。此属性必须存在。
　　如果元素的src属性的值不是空字符串的值，当属性被设置，可以成功地解决相关的元素，然后元素的跟踪URL产生的绝对URL。否则，元素的跟踪URL为空字符串。
　　如果元素的跟踪URL标识webvtt资源，和元素的属性不在元数据的状态，然后webvtt文件必须使用提示文本webvtt文件。
　　此外，如果元素的跟踪URL标识webvtt资源，和元素的kind属性是在章的状态，然后webvtt文件必须使用章节标题文本和只使用嵌套的线索webvtt文件webvtt文件。

track元素的srclang属性

　　的srclang属性给出了文本跟踪数据的语言。该值必须是有效的BCP 47语言标记。如果元素的类属性处于字幕状态，则必须呈现此属性。
　　如果元素有srclang属性的值是空字符串，那么该元素的轨道的语言是该属性的值。否则，该元素没有跟踪语言。

track元素的label属性

　　标签属性给出了用户可读的标题。用户代理在用户界面中列出副标题、标题和音频描述音轨时使用此标题。
　　如果属性存在，则标签属性的值不能为空字符串。此外，要有不同的媒体元素的类属性是相同的状态，两轨道单元的孩子，其srclang属性都丢失或有价值，代表相同的语言，其标签属性再次失踪或都有同样的价值。
　　如果元素有一个标签属性，其值不是空字符串，则元素的跟踪标签是属性的值。否则，元素的跟踪标签是空字符串

track元素的default属性

　　默认属性是一个布尔属性，其中，如果指定缺省值，如果用户的偏好或其他轨道无更合适可用表明轨道缺省值可用。

track元素的使用与举例

　　每个媒体元素必须有一个以上的跟踪元素子元素，其属性在字幕或标题状态中，并且指定其默认属性。每个媒体元素必须有一个以上的跟踪元素子类，其属性处于描述状态，并指定其默认属性。每个媒体元素必须有一个以上的轨道元素子元素，其属性属于章节状态，并指定其默认属性。
　　SRC，srclang，label，和default的IDL属性必须反映同一名称的各自内容属性。kindDL属性必须反映相同名称的内容属性，仅限于已知值。
这个视频有多种语言的字幕的代码举例如下

NOTE:最后两个的lang属性描述label属性的语言，不是字幕的语言。字幕的语言是由srclang属性指定。
　　以上就是青锋建站给大家分享的HTML5中track元素的详细介绍与track的DOM接口。青锋建站，提供专业的高品质网站制作服务，包括网站建设，SEO，网络营销，PHP开发，PHP网站建设知名品牌，全国接单，为企业构建强有力的营销平台。

转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/h5track.html

主页 > 网站搭建 >