实例
向视频添加一个新的文本轨道:
text1=myvid.addtexttrack("caption");
text1.addcue(new texttrackcue("test text", 01.000, 04.000,"","","",true));
定义和用法
addtexttrack() 方法创建和返回新的文本轨道。
新的 texttrack 对象会被添加到视频/音频元素的文本轨道列表中。
浏览器支持
所有主流浏览器都不支持 addtexttrack() 方法。
语法
audio|video.addtexttrack(kind,label,language)
参数
值 描述
kind 规定文本轨道的类型。
可能的值:
"subtitles"
"caption"
"descriptions"
"chapters"
"metadata"
label 字符串值,为文本轨道规定标签。用于为用户对文本轨道进行标识。
language 双字母语言代码,规定文本轨道的语言。
如需查看所有可用的语言代码,请参阅我们的语言代码参考手册。
返回值
类型 描述
texttrack 对象 表示新的文本轨道。
例子:
<!doctype html>
<html>
<body>
<button onclick="myfunction()" type="button">添加新字幕</button>
<br>
<video id="video1" width="480" height="270" controls="controls">
<source src="material/sample.mp4" type="video/mp4"/>
<source src="material/sample.ogv" type="video/ogg"/>你的浏览器不支持html5 video.</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>
</body>
</html>
以上就是html5中创建和返回新的文本轨道的方法的详细内容。