首页前端开发HTMLhtml5中创建和返回新的文本轨道的方法

html5中创建和返回新的文本轨道的方法

时间2024-01-23 02:32:39发布访客分类HTML浏览810
导读:收集整理的这篇文章主要介绍了html5中创建和返回新的文本轨道的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。实例向视频添加一个新的文本轨道:text1=myVid.addTextTrack("caption" ;text1.add...
收集整理的这篇文章主要介绍了html5中创建和返回新的文本轨道的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。

实例

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

text1=myVid.addTextTrack("caption");
    text1.addCue(new TextTrackCue("test text", 01.000, 04.000,"","","",true));
    

定义和用法

addTextTrack() 方法创建和返回新的文本轨道。

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

浏览器支持

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

语法

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

参数

@H_360_27@描述
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中创建和返回新的文本轨道的方法的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

h5html5

若转载请注明出处: html5中创建和返回新的文本轨道的方法
本文地址: https://pptw.com/jishu/583681.html
H5实现桌面通知以及提示功能的实例 妙味课堂HTML5视频资料分享

游客 回复需填写必要信息