← 返回首页
HTMLVideoElement: getVideoPlaybackQuality()-Methode - Web-APIs | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Seitenleiste umschalten
  1. Web
  2. Web-APIs
  3. HTMLVideoElement
  4. getVideoPlaybackQuality()
Farbschema
  • Systemeinstellung
  • Hell
  • Dunkel
Deutsch
Sprache merken Mehr erfahren

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLVideoElement: getVideoPlaybackQuality()-Methode

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Februar 2020 browserübergreifend verfügbar.

Die HTMLVideoElement-Methode getVideoPlaybackQuality() erstellt und gibt ein VideoPlaybackQuality-Objekt zurück, das Metriken enthält, einschließlich der Anzahl der verlorenen Frames.

Die zurückgegebenen Daten können verwendet werden, um die Qualität des Videostreams zu bewerten.

In diesem Artikel

Syntax

js
getVideoPlaybackQuality()

Parameter

Keine.

Rückgabewert

Ein VideoPlaybackQuality-Objekt, das Informationen über die aktuelle Wiedergabequalität des Videoelements bereitstellt.

Beispiele

Dieses Beispiel aktualisiert ein Element, um die Gesamtanzahl der Videoframes anzuzeigen, die bisher im Wiedergabeprozess abgelaufen sind. Dieser Wert umfasst auch alle verworfenen oder beschädigten Frames und entspricht daher nicht der „Gesamtanzahl der abgespielten Frames“.

js
const videoElem = document.getElementById("my_vid"); const counterElem = document.getElementById("counter"); const quality = videoElem.getVideoPlaybackQuality(); counterElem.innerText = quality.totalVideoFrames;

Spezifikationen

Spezifikation
Media Playback Quality
# dom-htmlvideoelement-getvideoplaybackquality

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?
Ja Nein
Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
  1. HTML DOM API
  2. HTMLVideoElement
  3. Instanzeigenschaften
    1. disablePictureInPicture
    2. height
    3. poster
    4. videoHeight
    5. videoWidth
    6. width
  4. Instanzmethoden
    1. cancelVideoFrameCallback()
    2. getVideoPlaybackQuality()
    3. requestPictureInPicture()
    4. requestVideoFrameCallback()
  5. Events
    1. enterpictureinpicture
    2. leavepictureinpicture
    3. resize
  6. Vererbung
    1. HTMLMediaElement
    2. HTMLElement
    3. Element
    4. Node
    5. EventTarget
  7. Verwandte Seiten für HTML DOM
    1. BeforeUnloadEvent
    2. DOMStringMap
    3. ErrorEvent
    4. HTMLAnchorElement
    5. HTMLAreaElement
    6. HTMLAudioElement
    7. HTMLBRElement
    8. HTMLBaseElement
    9. HTMLBodyElement
    10. HTMLButtonElement
    11. HTMLCanvasElement
    12. HTMLDListElement
    13. HTMLDataElement
    14. HTMLDataListElement
    15. HTMLDialogElement
    16. HTMLDivElement
    17. HTMLDocument
    18. HTMLElement
    19. HTMLEmbedElement
    20. HTMLFieldSetElement
    21. HTMLFormControlsCollection
    22. HTMLFormElement
    23. HTMLFrameSetElement
    24. HTMLGeolocationElement
    25. HTMLHRElement
    26. HTMLHeadElement
    27. HTMLHeadingElement
    28. HTMLHtmlElement
    29. HTMLIFrameElement
    30. HTMLImageElement
    31. HTMLInputElement
    32. HTMLLIElement
    33. HTMLLabelElement
    34. HTMLLegendElement
    35. HTMLLinkElement
    36. HTMLMapElement
    37. HTMLMediaElement
    38. HTMLMenuElement
    39. HTMLMetaElement
    40. HTMLMeterElement
    41. HTMLModElement
    42. HTMLOListElement
    43. HTMLObjectElement
    44. HTMLOptGroupElement
    45. HTMLOptionElement
    46. HTMLOptionsCollection
    47. HTMLOutputElement
    48. HTMLParagraphElement
    49. HTMLPictureElement
    50. HTMLPreElement
    51. HTMLProgressElement
    52. HTMLQuoteElement
    53. HTMLScriptElement
    54. HTMLSelectElement
    55. HTMLSourceElement
    56. HTMLSpanElement
    57. HTMLStyleElement
    58. HTMLTableCaptionElement
    59. HTMLTableCellElement
    60. HTMLTableColElement
    61. HTMLTableElement
    62. HTMLTableRowElement
    63. HTMLTableSectionElement
    64. HTMLTemplateElement
    65. HTMLTextAreaElement
    66. HTMLTimeElement
    67. HTMLTitleElement
    68. HTMLTrackElement
    69. HTMLUListElement
    70. HTMLUnknownElement
    71. HashChangeEvent
    72. History
    73. ImageData
    74. Location
    75. MessageChannel
    76. MessageEvent
    77. MessagePort
    78. Navigator
    79. PageRevealEvent
    80. PageSwapEvent
    81. PageTransitionEvent
    82. Plugin
    83. PluginArray
    84. PromiseRejectionEvent
    85. RadioNodeList
    86. TimeRanges
    87. UserActivation
    88. ValidityState
    89. Window
    90. WorkletGlobalScope
  8. Anleitungen
    1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
    2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung

Der Bauplan für ein besseres Internet.

MDN Mitmachen Entwicklung

Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.