HTML 5 Audio/Video DOM addTextTrack() 方法 详解
HTML基础 2022-06-02 15:32:27小码哥的IT人生shichen
HTML 5 Audio/Video DOM addTextTrack() 方法
实例
向视频添加一个新的文本轨道：
text1=myVid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","",true));
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<button onclick="addNewTextTrack()" type="button">添加一个新的文本轨道</button>
<br />
<br />
<video id="video1" controls="controls">
<source src="/demo/example/html5/mov_bbb.mp4" type="video/mp4">
<source src="/demo/example/html5/mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<script>
myVid=document.getElementById("video1");
function addNewTextTrack()
{
text1=myVid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","",true));
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
addTextTrack() 方法创建和返回新的文本轨道。
新的 TextTrack 对象会被添加到视频/音频元素的文本轨道列表中。
浏览器支持
所有主流浏览器都不支持 addTextTrack() 方法。
语法
audio|video.addTextTrack(kind,label,language)
参数
| 值 | 描述 |
|---|---|
| kind |
规定文本轨道的类型。 可能的值：
|
| label | 字符串值，为文本轨道规定标签。用于为用户对文本轨道进行标识。 |
| language |
双字母语言代码，规定文本轨道的语言。 如需查看所有可用的语言代码，请参阅我们的语言代码参考手册。 |
返回值
| 类型 | 描述 |
|---|---|
| TextTrack 对象 | 表示新的文本轨道。 |
