HTML Living Standard/track

track 要素

<track>要素は、HTML5で導入された要素で、<video>や<audio>要素に関連する字幕、キャプション、チャプター、メタデータなどのテキスト情報を提供するために使用されます。この要素は、メディアの再生において、ユーザーが異なる言語や形式の字幕やキャプションを選択できるようにするために使用されます。

定義

<track>要素は、<video>や<audio>要素に関連するメタデータや字幕ファイルを提供するために使います。この要素自体は視覚的に表示されませんが、メディアプレーヤーがメディアを再生する際に、対応する字幕やキャプションを表示します。

使用方法

<track>要素は、<video>や<audio>要素内で使用され、字幕ファイルなどのリソースを指定します。以下は基本的な構文です。

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_es.vtt" kind="subtitles" srclang="es" label="Español">
  Your browser does not support the video tag.
</video>

この例では、英語とスペイン語の字幕ファイルをそれぞれ指定しています。kind属性で字幕、キャプション、チャプターなどの種類を指定し、srclangで言語を指定します。

属性

src

 字幕ファイルなどのリソースを指定します。URLを指定し、通常は.vtt（WebVTT）形式のファイルが使われます。

kind
字幕やキャプションなど、メディアの種類を指定します。値には以下のようなものがあります。
- subtitles: 字幕
- captions: 音声をテキスト化したキャプション（音声の聞き取りが難しい場合など）
- descriptions: 視覚的な情報をテキスト化した説明
- chapters: チャプター情報
- metadata: メタデータ（特定のメタ情報）
srclang
字幕やキャプションの言語を指定します。通常はISO 639-1の言語コード（例えばen、esなど）を指定します。
label
ユーザーが選択する際に表示されるラベルを指定します。例えば、言語の名前（「English」や「Español」など）を指定します。
default
プレイヤーが自動的に選択する字幕やキャプションを指定します。この属性が設定されている<track>が、最初に表示されます。

使用例

以下は、<track>要素を使用して複数の字幕を設定する例です。

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English" default>
  <track src="subtitles_es.vtt" kind="subtitles" srclang="es" label="Español">
  <track src="subtitles_fr.vtt" kind="subtitles" srclang="fr" label="Français">
  Your browser does not support the video tag.
</video>

この例では、英語、スペイン語、フランス語の字幕が設定されており、default属性が英語字幕を初期選択として指定しています。

主な用途

<track>要素は、主に以下の用途に使用されます。

字幕: 映画や動画の中で話している内容をテキストとして表示するために使用されます。
キャプション: 聴覚障害者向けに音声を文字で表示するために使用されます。
チャプター: メディアの中で、異なるシーンやセクションを示すために使用されます。
メタデータ: メディアに関連する追加情報を提供するために使用されます。

アクセシビリティ

<track>要素を使用することで、聴覚や視覚に障害のあるユーザーに対して、コンテンツの理解を助けるための補助を提供できます。字幕やキャプションは、アクセス可能なコンテンツを作成するための重要な要素であり、特に教育的なコンテキストや国際的な視聴者向けのコンテンツにおいて、広く使用されます。

HTML Living Standard/track

track 要素

定義

使用方法

属性

使用例

主な用途

アクセシビリティ

関連項目

関連仕様