このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

TextTrack.cues

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

cuesTextTrack インターフェイスの読み取り専用プロパティで、トラックのこのすべてのキューが入った TextTrackCueList オブジェクトを返します。

TextTrackCueList オブジェクトです。

以下の例では、 addCue() を使用して、動画のテキストトラックに 2 つのキューを追加しています。 cues の値はコンソールに表示されます。返された TextTrackCueList オブジェクトには、 2 つのキューが格納されます。

js
let video = document.querySelector("video");
let track = video.addTextTrack("captions", "Captions", "en");
track.mode = "showing";
track.addCue(new VTTCue(0, 0.9, "Hildy!"));
track.addCue(new VTTCue(1, 1.4, "How are you?"));
console.log(track.cues);

仕様書

仕様書
HTML
# dom-texttrack-cues-dev

ブラウザーの互換性