HTMLMediaElement: played 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLMediaElement 接口的只读属性 played 指示资源(<audio><video> 媒体文件)已播放的时间范围。它会返回一个新的 TimeRanges 对象,该对象包含在评估该属性时浏览器已播放的媒体源的范围(如果有)。

一个 TimeRanges 对象;表示已播放的时间范围。

示例

js
const media = document.querySelector("audio");
const playedTimeRanges = media.played;
let timePlayed = 0;
// calculate the total time the media has played
for (let i = 0; i < playedTimeRanges.length; i++) {
  timePlayed += playedTimeRanges.end(i) - playedTimeRanges.start(i);
}
console.log(`The media played for a total of ${timePlayed} seconds.`);

规范

规范
HTML
# dom-media-played-dev

浏览器兼容性

另见