VideoPlaybackQuality:droppedVideoFrames 属性

Baseline 已广泛支持

此功能已成熟,并可在多种设备和浏览器版本上运行。自 2019 年 3 月以来,它已在所有浏览器中可用。

VideoPlaybackQuality 接口的只读 droppedVideoFrames 属性返回自媒体上次加载到 HTMLVideoElement 以来,已被丢弃而不是显示的视频帧的数量。

一个无符号 64 位值,表示自 <video> 元素中的媒体加载或重新加载以来所丢弃的帧数。此信息可用于确定是否应降低视频流的质量以避免丢帧。

帧通常在解码之前或之后丢弃,当确定无法在正确的时间将它们绘制到屏幕上时。

示例

此示例调用 getVideoPlaybackQuality() 来获取一个 VideoPlaybackQuality 对象,然后确定已丢弃帧的百分比。然后,该值将显示在一个元素中供用户参考。

js
const videoElem = document.getElementById("my_vid");
const percentElem = document.getElementById("percent");
const quality = videoElem.getVideoPlaybackQuality();

const dropPercent =
  (quality.droppedVideoFrames / quality.totalVideoFrames) * 100;
percentElem.innerText = Math.trunc(dropPercent).toString(10);

规范

规范
媒体播放质量
# dom-videoplaybackquality-droppedvideoframes

浏览器兼容性

另见