HTML Audio/Video DOM addTextTrack() 方法
示例
为视频添加新的文本轨道：
<button onclick="myFunction()" type="button">添加新的文本轨道</button><br> <video id="video1" width="320" height="176" controls="controls"> <source src="../../../assets/mov_bbb.mp4" type="video/mp4"> 您的浏览器不支持 HTML5 视频。 </video> <script> var vid = document.getElementById("video1"); function myFunction() { var text1 = vid.addTextTrack("caption"); text1.addCue(new TextTrackCue("Test text", 01.000, 04.000, "", "", "", true)); } </script>
JavaScript:
var text1 = myVid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000, "", "", "", true));
定义和用法
addTextTrack() 方法创建并返回一个新的 TextTrack 对象。
新的 TextTrack 对象被添加到音频/视频元素的文本轨道列表中。
浏览器支持
| 方法 Method |
|
|
|
|
|
|---|---|---|---|---|---|
| addTextTrack() | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 |
语法
audio|video.addTextTrack(kind,label,language)
参数值
| 值 Value | 描述 Description |
|---|---|
| kind | 指定文本轨道的类型。可能的值： * subtitles* caption* descriptions* chapters* metadata |
| label | 一个字符串，指定文本轨道的标签。 用于为用户识别文本轨道 |
| language | 一个由两个字母组成的语言代码，用于指定文本轨道的语言。 要查看所有可用的语言代码，请访问我们的 语言代码参考 |
技术细节
| Return Value: | 一个 TextTrack 对象，代表新的文本轨道 |
|---|