VideoPlaybackQuality: свойство totalVideoFrames

Интерфейс VideoPlaybackQuality с помощью totalVideoFrames только для чтения возвращает общее количество видеокадров, которые были отображены или пропущены с момента загрузки медиаданных.

Общее количество кадров, которые элемент <video> отобразил или пропустил с момента загрузки медиа в него. По существу, это количество кадров, которое элемент должен был отобразить, если бы не возникло проблем.

Это значение сбрасывается при повторной загрузке или замене медиа.

В этом примере вызывается getVideoPlaybackQuality() для получения объекта VideoPlaybackQuality, а затем определяется, какой процент кадров был потерян из-за повреждения или пропуска. Если этот процент превышает 10% (0,1), вызывается функция lostFramesThresholdExceeded(), которая, возможно, обновит индикатор качества, чтобы показать увеличение потерь кадров.

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

if (
  (quality.corruptedVideoFrames + quality.droppedVideoFrames) /
    quality.totalVideoFrames >
  0.1
) {
  lostFramesThresholdExceeded();
}

Аналогичный алгоритм может быть использован для переключения на видео с более низким разрешением, которое требует меньше пропускной способности, чтобы избежать пропуска кадров.

• Метод HTMLVideoElement.getVideoPlaybackQuality() для построения и возвращения этого интерфейса.