购物车
登陆 / 注册
微信扫码登陆

推荐手册

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


定义和用法

addTextTrack() 方法创建和返回新的 TextTrack 对象。

新的 TextTrack 对象会被添加到视频/音频(audio/video)元素的文本轨道列表中。


浏览器支持

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


语法

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

参数

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

可能的值:

 ○ "subtitles"

 ○ "caption"

 ○ "descriptions"

 ○ "chapters" 

 ○ "metadata"

label字符串值,为文本轨道规定标签。用于为用户对文本轨道进行标识。
language双字母语言代码,规定文本轨道的语言。

返回值

类型描述
TextTrack 对象表示新的文本轨道。

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

实例

<!DOCTYPE html> 
<html>
<head> 
<meta charset="utf-8"> 
<title>html中文网(html.cn)</title> 
</head>
<body> 

<button onclick="addNewTextTrack()" type="button">添加一个新的文本轨道:</button>
<br> 
<video id="video1" controls="controls">
  <source src="http://img.php.cn/ueditor/php/upload/video/20190329/1553822788248551.mp4" type="video/mp4">
  <source src="http://img.php.cn/ueditor/php/upload/video/20190329/1553822829671474.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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号