ホームページ > 記事 > ウェブフロントエンド > html5 で新しいテキストトラックを作成して返すメソッド

html5 で新しいテキストトラックを作成して返すメソッド

黄舟オリジナル: 2017-11-07 11:15:292059ブラウズ

例

新しいテキストトラックを 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>

	TextTrackオブジェクト

以上がhtml5 で新しいテキストトラックを作成して返すメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：ユーザーが HTML5 でビデオ/オーディオの再生を開始できるときにトリガーされる oncanplay イベント次の記事：ユーザーが HTML5 でビデオ/オーディオの再生を開始できるときにトリガーされる oncanplay イベント

続きを見る

html5 で新しいテキスト トラックを作成して返すメソッド

関連記事

html5 で新しいテキストトラックを作成して返すメソッド