備忘録的プログラミングリファレンス

HTMLTrackElement インターフェイス

 HTMLTrackElement インターフェイスは、<audio><video>エレメントといったメディアにテキストトラックを設定する <track> エレメントを定義したインターフェイスです。

track タグエレメント
<video autoplay muted>
	<track kind="subtitles" src="example.vvt">
	<source src="video.webm"></source>
	<source src="example.mp4"></source>
</video>

 HTMLTrackElement インターフェイスは、プロパティメソッドイベントを定義しています。

HTMLTrackElement 継承図

ページ内 Index

プロパティ(Properties)

 HTMLTrackElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。

プロパティ概要分類
.kindテキストトラックの種類を指定。<track> エレメントの kind 属性が該当。DOMString 型
.srcテキストトラックデータのURL。<track> エレメントの src 属性が該当。USVString 型
.srclangテキストトラックの言語を指定。<track> エレメントの srclang 属性が該当。DOMString 型
.labelテキストトラックのタイトル。<track> エレメントの label 属性が該当。DOMString 型
.defaultテキストトラックがデフォルトであるか/否か。<track> エレメントの default 属性が該当。Boolean 型
.readyStateテキストトラックの読み込み状態を示す。unsigned short 型
.trackテキストトラックデータである TextTrack オブジェクトを返す

 以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

Elementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

メソッド(Methods)

 HTMLTrackElement インターフェイスは独自のメソッドをもちません。

 HTMLTrackElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLTrackElement にイベントハンドラーを定義する方法には以下があります。

HTMLTrackElement.addEventListener( 'click', ()=>{...} )
HTMLTrackElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLTrackElement が継承しているイベント一覧です。分類「メディア」が HTMLTrackElement に関連するイベントです。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類