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

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

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

新しいテキスト トラックを 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 までご連絡ください。