html5中建立和傳回新的文字軌道的方法
- 黄舟原創
- 2017-11-07 11:15:292110瀏覽
實例
向影片新增一個新的文字軌道：
text1=myVid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","",true));定義和用法
addTextTrack() 方法建立和傳回新的文字軌道。
新的 TextTrack 物件會被加入到視訊/音訊元素的文字軌道清單中。
瀏覽器支援
所有主流瀏覽器都不支援 addTextTrack() 方法。
語法
audio|video.addTextTrack(kind,label,language)
參數
| #值 | 描述 |
| kind |
規定文字軌道的型別。 可能的值：
|
| 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中建立和傳回新的文字軌道的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn