html5 で新しいテキストトラックを作成して返すメソッド-H5 チュートリアル-php.cn

例

新しいテキストトラックを Video に追加します:

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

ログイン後にコピー

定義と使用法

addTextTrack() メソッドは、新しいテキストトラックを作成して返します。

新しい TextTrack オブジェクトがビデオ/オーディオ要素のテキストトラックリストに追加されます。

ブラウザのサポート

すべての主要なブラウザは addTextTrack() メソッドをサポートしません。

構文

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

ログイン後にコピー

パラメータ

テキストトラックのラベルを指定するString テキストトラックの言語を指定する 2 文字の言語コード。利用可能なすべての言語コードを確認するには、言語コードリファレンスマニュアルを参照してください。戻り値

値	説明
kind	テキストトラックのタイプを指定します。可能な値: 「字幕」「キャプション」「説明」「メタデータ」ラベル
値。ユーザーのテキストトラックを識別するために使用されます。	language

型説明新しいテキストトラックを表します。例:

<!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 中国語 Web サイトの他の関連記事を参照してください。