本文摘自PHP中文网,作者黄舟,侵删。
实例
向视频添加一个新的文本轨道:
1 2 | text1=myVid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","",true));
|
定义和用法
addTextTrack() 方法创建和返回新的文本轨道。
新的 TextTrack 对象会被添加到视频/音频元素的文本轨道列表中。
浏览器支持
所有主流浏览器都不支持 addTextTrack() 方法。
语法
1 | audio|video.addTextTrack(kind,label,language)
|
参数
值 | 描述 |
kind | 规定文本轨道的类型。 可能的值: "subtitles" "caption" "descriptions" "chapters" "metadata"
|
label | 字符串值,为文本轨道规定标签。用于为用户对文本轨道进行标识。 |
language | 双字母语言代码,规定文本轨道的语言。 如需查看所有可用的语言代码,请参阅我们的语言代码参考手册。 |
返回值
类型 | 描述 |
TextTrack 对象 | 表示新的文本轨道。 |
例子:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!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中创建和返回新的文本轨道的方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
HTML5如何插入可自动播放的音频(图文)
HTML5特殊符号怎么显示
h5手机扫码怎么实现
h5的localstorage本地存储使用详解
HTML5 progress标签怎么用?progress标签的属性介绍
通过HTML5的getusermedia实现拍照功能示例
HTML5响应式banner制作教程
h5实现上传本地图片并能够预览的功能代码
HTML5包含css3吗
HTML5中设置或返回音频/视频是否应该被静音的属性muted
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中创建和返回新的文本轨道的方法