音声解説を提供するために、track 要素を使用する

適用 (対象)

HTML5。

これは、次の達成基準に関連する達成方法である:

• 達成基準 1.2.1: 音声のみ及び映像のみ (収録済) (参考)
• 達成基準 1.2.3: 音声解説、又はメディアに対する代替 (収録済) (参考)
• 達成基準 1.2.5: 音声解説 (収録済) (参考)
• 達成基準 1.2.7: 拡張音声解説 (収録済) (参考)

解説

この達成方法の目的は、タイミングを指定したテキストの音声解説トラックを video 構成要素に指定するために HTML5 track 要素を用いることである。タイミングの指定されたテキストの音声解説トラックは、視覚的な構成要素が隠れていたり、使えなかったり、使うのに不適であったりしたときの音声合成のための、メディア資源のビデオ構成要素のテキスト記述を含む。ユーザエージェントは視覚的でない方法で、例えばそれらを音声合成することによって、利用者にきっかけを使えるようにする。

track 要素の src 属性は URL であり、これはテキストトラックデータのアドレスである。

音声解説のきっかけは、メディア資源の聴覚的な構成要素で利用可能なギャップに収まる必要がある。トラックキューの時間間隔内に記述テキストを合成するのに十分な時間がない場合、ユーザエージェントはスピーチを切り捨てることがある。 これにより、追加可能な補足情報の量が制限される。

ユーザエージェントは、解説が完全に同期するまでビデオを一時停止し、そしてビデオを再開することで拡張音声解説もサポートしうる。

この参考達成方法がワーキンググループで最後にレビューされた 2019 年 2 月時点では、この達成方法に対するユーザエージェントのネイティブサポートはない。ただし、JavaScript のポリフィルによるサポートはある。

事例

			 <video poster="myvideo.png" controls>
				<source src="myvideo.mp4" srclang="en" type="video/mp4">
				<track src="myvideo_en.vtt" kind="descriptions" srclang="en" label="English">
			  </video>
            

			 <video poster="myvideo.png" controls>
				<source src="myvideo.mp4" srclang="en" type="video/mp4">
				<source src="myvideo.webm" srclang="fr" type="video/webm">
				<track src="myvideo_en.vtt" kind="descriptions" srclang="en" label="English">
				<track src="myvideo_fr.vtt" kind="descriptions" srclang="fr" label="French">
			  </video>            

			<video controls tabindex="1">
				<source src="cdgQpa1pUUE.webm" type="video/webm">
				<source src="cdgQpa1pUUE.mp4" type="video/mp4">
				<track id="audesc" src="cdgQpa1pUUE.vtt" kind="descriptions" label="English descriptions" srclang="en-us"></track>
			</video>            

参考リソース

この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。

• Video.js, a free and open source HTML5 video player
• HTML5, the track element
• WebVTT: The Web Video Text Tracks Format

関連する達成方法

• G173: 映像の音声解説付きバージョンを提供する
• G8: 拡張音声解説が付いたムービーを提供する

検証