本文摘自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应用中accordion三种效果的探索
HTML5新增标签有哪些?HTML5中新增的13种标签的简单介绍
如何使用jquery和HTML5实现手机摇一摇的换衣特效
HTML5游戏开发引擎-初识createjs的详解(图文)
HTML5制作查询页面实例
如何区别HTML5离线存储和本地缓存实例详解
h5离线缓存是什么?h5 manifest离线缓存的应用(附代码)
h5移动端各种各样的列表的制作方法(二)
用js+HTML5实现的小游戏-- 捕鱼达人游戏
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中创建和返回新的文本轨道的方法