HTML的track标签
HTML技术文档:track标签
概述
track标签使我们能够为视频或音频文件添加字幕或其他类型的文本轨道。它是HTML5新引入的标签,支持多种轨道类型,包括字幕、章节、描述等。
使用方法
基本结构
在视频或音频标签中插入track标签来添加轨道,基本结构如下:
<video controls>
<source src="video.mp4" type="video/mp4">
<track src="subtitle.vtt" kind="subtitles" srclang="en" label="English">
</video>
<audio controls>
<source src="audio.mp3">
<track src="caption.vtt" kind="captions" srclang="en" label="English">
</audio>
属性
- src:轨道文件的URL。
- kind:轨道类型,包括:
- subtitles(字幕)
- captions(标题)
- descriptions(描述)
- chapters(章节)
- metadata(元数据)
- srclang:轨道文件的语言,使用ISO标准语言代码。
- label:给轨道添加标签,可以为空。
轨道文件格式
track标签支持多种轨道文件格式,包括:
- WebVTT:.vtt
- SRT:.srt
- TTML:.ttml
- DFXP:.dfxp
其中WebVTT是HTML5推荐格式,也是最常用的格式之一。
注意事项
- 轨道文件的编码格式应该为UTF-8。
- srclang属性应该与轨道文件的语言类型相对应。
- 每个轨道标签应该对应唯一的轨道文件。
- 如果使用多个轨道文件,应该分别用不同的轨道标签来指定。
可用性
track标签得到了所有主流浏览器的支持,如Chrome、Safari、Firefox等。对于不支持track的浏览器,轨道文件将不会被显示。