VideoPlaybackQuality：droppedVideoFrames 属性

droppedVideoFrames 是 VideoPlaybackQuality 接口的只读属性，它返回自上次将媒体加载到 HTMLVideoElement 中以来已丢弃（而不是显示）的视频帧数。

值

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

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

示例

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

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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

HTMLVideoElement.getVideoPlaybackQuality() 方法，它创建并返回 VideoPlaybackQuality 对象