溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html5中怎么創(chuàng)建和返回新的文本軌道的方法

發(fā)布時(shí)間：2021-01-27 10:01:16 來源：億速云 閱讀：160 作者：小新 欄目：web開發(fā)

這篇文章主要介紹html5中怎么創(chuàng)建和返回新的文本軌道的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

實(shí)例

向視頻添加一個(gè)新的文本軌道：

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

定義和用法

addTextTrack() 方法創(chuàng)建和返回新的文本軌道。

新的 TextTrack 對象會(huì)被添加到視頻/音頻元素的文本軌道列表中。

瀏覽器支持

所有主流瀏覽器都不支持 addTextTrack() 方法。

語法

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

參數(shù)

值描述
kind

規(guī)定文本軌道的類型。

可能的值：

  • "subtitles"

  • "caption"

  • "descriptions"

  • "chapters"

  • "metadata"

label字符串值，為文本軌道規(guī)定標(biāo)簽。用于為用戶對文本軌道進(jìn)行標(biāo)識(shí)。
language

雙字母語言代碼，規(guī)定文本軌道的語言。

如需查看所有可用的語言代碼，請參閱我們的語言代碼參考手冊。

返回值

類型描述
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中怎么創(chuàng)建和返回新的文本軌道的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手