HTML 参考手册

HTML 标签大全

HTML 音频/视频 DOM addTextTrack() 方法

HTML 音频/视频 DOM addTextTrack() 方法的使用方法，在线实例演示如何使用HTML 音频/视频 DOM addTextTrack() 方法、浏览器的兼容性、语法定义及它的属性值详细资料等。

 HTML 音频/视频 DOM 参考手册

在线示例

向视频添加一个新的文本轨道：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音频/视频 addTextTrack()方法使用-菜鸟教程(cainiaoplus.com)</title>
</head>
<body>
<button onclick="addNewTextTrack()" type="button">添加一个新的文本轨道：</button>
<br> 
<video id="video1" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 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>
测试看看 ‹/›

定义和用法

addTextTrack()方法创建并返回一个新的TextTrack对象。
新的TextTrack对象将添加到音频/视频元素的文本轨道列表中。

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都不支持 addTextTrack() 方法。

语法

audio|video.addTextTrack(kind,label,language)

参数

值描述
kind指定文本轨道的类型。

可能的值：

  • "subtitles"

  • "caption"

  • "descriptions"

  • "chapters"

  •  "metadata"

label字符串值，为文本轨道指定标签。用于为用户对文本轨道进行标识。
language双字母语言代码，指定文本轨道的语言。
如需查看所有可用的语言代码，请参阅我们的 语言代码参考手册。

返回值

类型描述
TextTrack 对象表示新的文本轨道。
 HTML 音频/视频 DOM 参考手册
HTML: <template> 标签