VideoPlaybackQuality: totalVideoFrames-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2020.

Die schreibgeschützte Eigenschaft totalVideoFrames des VideoPlaybackQuality-Interfaces gibt die Gesamtanzahl der Video-Frames zurück, die seit dem Laden der Medien angezeigt oder verworfen wurden.

Wert

Die Gesamtanzahl der Frames, die das <video>-Element seit dem Laden der Medien angezeigt oder verworfen hat. Im Wesentlichen ist dies die Anzahl der Frames, die das Element präsentiert hätte, wenn keine Probleme aufgetreten wären.

Dieser Wert wird zurückgesetzt, wenn die Medien neu geladen oder ersetzt werden.

Beispiele

Dieses Beispiel ruft getVideoPlaybackQuality() auf, um ein VideoPlaybackQuality-Objekt zu erhalten, und bestimmt dann, welcher Prozentsatz der Frames entweder durch Beschädigung verloren gegangen oder verworfen wurde. Wenn dieser Prozentsatz 10% (0,1) überschreitet, wird eine Funktion namens lostFramesThresholdExceeded() aufgerufen, um möglicherweise einen Qualitätsindikator zu aktualisieren und zu zeigen, dass der Frameverlust zugenommen hat.

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

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

Ein ähnlicher Algorithmus könnte verwendet werden, um zu versuchen, auf ein Video mit niedrigerer Auflösung zu wechseln, das weniger Bandbreite benötigt, um das Verwerfen von Frames zu vermeiden.

Spezifikationen

Specification
Media Playback Quality
# dom-videoplaybackquality-totalvideoframes

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
totalVideoFrames

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch