masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > html5中创建和返回新的文本轨道的方法

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

黄舟
Lepaskan： 2017-11-07 11:15:29
asal
2140 orang telah melayarinya

实例

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

text1=myVid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","",true));
Salin selepas log masuk

定义和用法

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

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

浏览器支持

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

语法

audio|video.addTextTrack(kind,label,language)
Salin selepas log masuk

参数

值描述
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>
Salin selepas log masuk


Atas ialah kandungan terperinci html5中创建和返回新的文本轨道的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
h5 html5
sumber：php.cn
Artikel sebelumnya：html5中在用户可以开始播放视频/音频时触发的事件oncanplay Artikel seterusnya：html5中浏览器是否能播放指定的音频/视频类型的方法canPlayType()
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...
daripada 2024-04-05 12:57:00
0
1
456
Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...
daripada 2024-04-02 11:47:56
0
1
275
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan