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);

• Метод HTMLVideoElement.getVideoPlaybackQuality(), который создаёт и возвращает объекты VideoPlaybackQuality