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

瀏覽器相容性

另見