HTMLMediaElement: seekable プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

seekableHTMLMediaElement オブジェクトの読み取り専用プロパティで、新しい静的な正規化された TimeRanges オブジェクトを返します。これは seekable プロパティがアクセスされた時点でユーザーエージェントがシーク可能なメディアリソースがあれば、その範囲を表します。

新しい静的な正規化された TimeRanges オブジェクトを返します。これは seekable プロパティがアクセスされた時点でユーザーエージェントがシーク可能なメディアリソースがあれば、その範囲を表します。

js
const video = document.querySelector("video");
const timeRangesObject = video.seekable;
const timeRanges = [];
// オブジェクトを走査し、配列へ出力
for (let count = 0; count < timeRangesObject.length; count++) {
  timeRanges.push([timeRangesObject.start(count), timeRangesObject.end(count)]);
}

仕様書

Specification
HTML Standard
# dom-media-seekable-dev
Media Source Extensions™
# htmlmediaelement-extensions-seekable

ブラウザーの互換性

BCD tables only load in the browser

関連情報