JS JavaScript-Referenz

ValidityState Schnittstelle

Beschreibt über boolesche Eigenschaften, ob und warum ein Formularelement die Einschränkungsvalidierung (z. B. <code>required</code>, <code>pattern</code>) nicht besteht.

ValidityState.badInput Eigenschaft

Schreibgeschützter Boolean, der <code>true</code> ist, wenn der Browser die Benutzereingabe eines Formularfelds nicht in einen gültigen Wert umwandeln kann.

ValidityState.customError Eigenschaft

Schreibgeschützter Boolean: <code>true</code>, wenn für das Element per <code>setCustomValidity()</code> eine nicht-leere, eigene Fehlermeldung gesetzt wurde.

ValidityState.patternMismatch Eigenschaft

Schreibgeschützter Wahrheitswert: <code>true</code>, wenn der nicht leere Wert eines Formularfelds nicht dem regulären Ausdruck im <code>pattern</code>-Attribut entspricht.

ValidityState.rangeOverflow Eigenschaft

Schreibgeschützter Boolean, der <code>true</code> ist, wenn der Wert eines Formularfelds größer ist als das im <code>max</code>-Attribut festgelegte Maximum.

ValidityState.rangeUnderflow Eigenschaft

Schreibgeschützter Boolean, der <code>true</code> ist, wenn der Wert eines Formularfelds kleiner ist als der im <code>min</code>-Attribut festgelegte Mindestwert.

ValidityState.stepMismatch Eigenschaft

Schreibgeschützter Boolean: <code>true</code>, wenn der Wert eines Eingabefelds nicht zum Raster aus <code>step</code> und <code>min</code> passt.

ValidityState.tooLong Eigenschaft

Schreibgeschützter Wahrheitswert: <code>true</code>, wenn der vom Nutzer bearbeitete Wert eines Formularfelds länger ist als das <code>maxlength</code>-Attribut erlaubt.

ValidityState.tooShort Eigenschaft

Schreibgeschützter Wahrheitswert, der <code>true</code> ist, wenn ein vom Benutzer bearbeiteter Feldwert kürzer ist als das <code>minlength</code>-Attribut vorgibt.

ValidityState.typeMismatch Eigenschaft

Schreibgeschützter Boolean, der <code>true</code> ist, wenn der Wert eines <code>&lt;input&gt;</code> nicht der Syntax seines <code>type</code>-Attributs entspricht (z. B. <code>email</code> oder <code>url</code>).

ValidityState.valid Eigenschaft

Schreibgeschützter boolescher Wert: <code>true</code>, wenn der Wert eines Formularelements alle Validierungsregeln erfüllt, sonst <code>false</code>.

ValidityState.valueMissing Eigenschaft

Schreibgeschützter boolescher Wert, der <code>true</code> ist, wenn ein Pflichtfeld mit <code>required</code>-Attribut leer ist.

var Anweisung

Die <code>var</code>-Anweisung deklariert function-scoped oder global-scoped Variablen und initialisiert sie optional mit einem Wert.

Variablen & Datentypen Kapitel

Diese Sektion zeigt, wie du Variablen mit const, let und var deklarierst, welche Datentypen JavaScript kennt und wie sich Primitive von Objekt-Referenzen unterscheiden.

VideoColorSpace Schnittstelle

Die <code>VideoColorSpace</code>-Schnittstelle der WebCodecs API beschreibt den Farbraum eines Videos: Primärfarben, Transferfunktion, Matrixkoeffizienten und Wertebereich.

VideoColorSpace.fullRange Eigenschaft

Schreibgeschützte Eigenschaft, die angibt, ob ein Video den vollen Wertebereich (<code>true</code>) oder den eingeschränkten Studio-Bereich (<code>false</code>) nutzt.

VideoColorSpace.matrix Eigenschaft

Die schreibgeschützte Eigenschaft <code>matrix</code> gibt die Matrixkoeffizienten zurück, mit denen ein Video von YUV nach RGB umgerechnet wird, oder <code>null</code>.

VideoColorSpace.primaries Eigenschaft

Nur lesbare Eigenschaft, die die Farbprimärvalenzen (den Farbraum-Gamut) eines Videos als Zeichenkette wie <code>"bt709"</code> oder <code>"bt2020"</code> bzw. <code>null</code> liefert.

VideoColorSpace.toJSON() Methode

Gibt ein einfaches Objekt (<code>VideoColorSpaceInit</code>) mit den Feldern <code>primaries</code>, <code>transfer</code>, <code>matrix</code> und <code>fullRange</code> des Farbraums zurück.

VideoColorSpace.transfer Eigenschaft

Die schreibgeschützte Eigenschaft <code>transfer</code> gibt die Transferfunktion (opto-elektronische Transfermerkmale) eines <code>VideoColorSpace</code> als String oder <code>null</code> zurück.

VideoDecoder Schnittstelle

Die WebCodecs-Schnittstelle <code>VideoDecoder</code> dekodiert kodierte Videostücke (<code>EncodedVideoChunk</code>) zu einzelnen Bildern (<code>VideoFrame</code>).

VideoDecoder.close() Methode

Beendet einen <code>VideoDecoder</code> endgültig: bricht alle ausstehenden Dekodierungen ab, gibt Systemressourcen frei und setzt <code>state</code> auf <code>"closed"</code>.

VideoDecoder.configure() Methode

Reiht eine Steuernachricht ein, die den <code>VideoDecoder</code> mit Codec, Auflösung und optionalen Codec-Daten für das Decodieren von <code>EncodedVideoChunk</code>s konfiguriert.

VideoDecoder.decode() Methode

Stellt ein kodiertes Videostück (<code>EncodedVideoChunk</code>) zur asynchronen Dekodierung in die Warteschlange des <code>VideoDecoder</code>.

VideoDecoder.decodeQueueSize Eigenschaft

Gibt die Anzahl der Dekodierungsanfragen zurück, die an einen <code>VideoDecoder</code> übergeben, aber noch nicht verarbeitet wurden (schreibgeschützt).

VideoDecoder.flush() Methode

Verarbeitet alle ausstehenden Decodier-Aufträge und gibt ein <code>Promise</code> zurück, das aufgelöst wird, sobald alle zugehörigen Frames ausgegeben wurden.

VideoDecoder.isConfigSupported() Methode

Prüft asynchron, ob der Browser eine bestimmte Video-Decoder-Konfiguration unterstützt, sodass ein <code>VideoDecoder</code> damit konfiguriert werden kann.

VideoDecoder.reset() Methode

Setzt einen <code>VideoDecoder</code> synchron in den Zustand <code>"unconfigured"</code> zurück und verwirft Konfiguration, alle wartenden Steuerungsnachrichten und ausstehende Rückrufe.

VideoDecoder.state Eigenschaft

Liefert den aktuellen Zustand eines <code>VideoDecoder</code> als Zeichenkette: <code>"unconfigured"</code>, <code>"configured"</code> oder <code>"closed"</code>.

VideoDecoder: dequeue Ereignis

Wird ausgelöst, sobald sich <code>VideoDecoder.decodeQueueSize</code> verringert, also ein Chunk die Warteschlange des Decoders verlassen hat.

VideoEncoder Schnittstelle

Die <code>VideoEncoder</code>-Schnittstelle der WebCodecs API kodiert rohe <code>VideoFrame</code>-Objekte in komprimierte <code>EncodedVideoChunk</code>-Objekte (z. B. H.264, VP8, VP9, AV1).

VideoEncoder.close() Methode

Bricht alle ausstehenden Kodierungsaufträge sofort ab, gibt die Systemressourcen des Encoders frei und versetzt ihn endgültig in den Zustand <code>"closed"</code>.

VideoEncoder.configure() Methode

Setzt den Zustand eines <code>VideoEncoder</code> auf <code>"configured"</code> und bereitet ihn asynchron darauf vor, <code>VideoFrame</code>-Objekte mit den angegebenen Codec-Parametern zu kodieren.

VideoEncoder.encode() Methode

Reiht ein <code>VideoFrame</code> zur asynchronen Kodierung ein. Das Ergebnis wird als <code>EncodedVideoChunk</code> an den <code>output</code>-Callback übergeben.

VideoEncoder.encodeQueueSize Eigenschaft

Liefert die Anzahl der Kodierungsanfragen, die an einen <code>VideoEncoder</code> übergeben, aber noch nicht verarbeitet wurden (schreibgeschützt).

VideoEncoder.flush() Methode

Schließt alle noch ausstehenden Kodiervorgänge des <code>VideoEncoder</code> ab und gibt ein Promise zurück, das erfüllt wird, sobald alle Chunks ausgegeben wurden.

VideoEncoder.isConfigSupported() Methode

Prüft asynchron, ob sich ein <code>VideoEncoder</code> mit der angegebenen Konfiguration erfolgreich konfigurieren lässt, ohne einen Encoder anlegen zu müssen.

VideoEncoder.reset() Methode

Bricht synchron alle anstehenden Codierungen und Rückrufe ab, gibt die Ressourcen des Encoders frei und setzt <code>state</code> auf <code>"unconfigured"</code>.

VideoEncoder.state Eigenschaft

Die schreibgeschützte Eigenschaft <code>state</code> gibt den aktuellen Zustand eines <code>VideoEncoder</code> zurück: <code>"unconfigured"</code>, <code>"configured"</code> oder <code>"closed"</code>.

VideoEncoder: dequeue Ereignis

Wird ausgelöst, sobald sich <code>VideoEncoder.encodeQueueSize</code> verringert hat, also der Encoder einen Frame aus seiner Warteschlange übernommen hat.

VideoFrame Schnittstelle

Das <code>VideoFrame</code>-Interface der Web Codecs API steht für ein einzelnes Videobild mit Pixeldaten, Format, Abmessungen, Zeitstempel und Farbraum.

VideoFrame.allocationSize() Methode

Gibt zurück, wie viele Bytes ein Puffer mindestens haben muss, damit <code>VideoFrame.copyTo()</code> die Pixeldaten des Frames mit denselben Optionen hineinkopieren kann.

VideoFrame.clone() Methode

Erstellt ein neues <code>VideoFrame</code>, das auf dieselbe Medienressource wie das Original verweist, aber einen eigenen Lebenszyklus hat.

VideoFrame.close() Methode

Gibt die Referenz eines <code>VideoFrame</code> auf die zugrunde liegende Medienressource (z. B. GPU-Speicher) frei und versetzt das Objekt in den geschlossenen Zustand.

VideoFrame.codedHeight Eigenschaft

Schreibgeschützte Eigenschaft, die die Höhe des <code>VideoFrame</code> in Pixeln angibt – inklusive eventueller nicht sichtbarer Auffüllung (Padding).

VideoFrame.codedRect Eigenschaft

Gibt ein <code>DOMRectReadOnly</code> zurück, das den gesamten kodierten Pixelbereich eines <code>VideoFrame</code> beschreibt: Ursprung (0, 0), Größe <code>codedWidth</code> × <code>codedHeight</code>.

VideoFrame.codedWidth Eigenschaft

Liefert die Breite des <code>VideoFrame</code> in Pixeln einschließlich eventuell unsichtbarer Polsterung und vor einer Anpassung des Seitenverhältnisses.

VideoFrame.colorSpace Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>VideoColorSpace</code>-Objekt mit Primärfarben, Transferfunktion, Matrix und Wertebereich des Frames liefert.

VideoFrame.copyTo() Methode

Kopiert die Pixeldaten eines <code>VideoFrame</code> asynchron in einen Puffer und liefert das Layout der einzelnen Ebenen (Offset und Stride) zurück.

VideoFrame.displayHeight Eigenschaft

Liefert die Anzeigehöhe eines <code>VideoFrame</code> in Pixeln, also die Höhe nach Berücksichtigung des Seitenverhältnisses (Pixel Aspect Ratio).

VideoFrame.displayWidth Eigenschaft

Gibt die Breite eines <code>VideoFrame</code> in Pixeln nach Anwendung des Seitenverhältnisses (Pixel-Aspect-Ratio) zurück, also die Breite, in der das Bild dargestellt werden soll.

VideoFrame.duration Eigenschaft

Schreibgeschützte Eigenschaft, die die Anzeigedauer eines <code>VideoFrame</code> in Mikrosekunden als ganze Zahl liefert – oder <code>null</code>, wenn keine Dauer bekannt ist.

VideoFrame.flip Eigenschaft

Schreibgeschützter boolescher Wert, der angibt, ob ein <code>VideoFrame</code> bei der Darstellung horizontal gespiegelt werden soll.

VideoFrame.format Eigenschaft

Gibt das Pixelformat eines <code>VideoFrame</code> als Zeichenkette zurück (z. B. <code>"I420"</code>, <code>"NV12"</code>, <code>"RGBA"</code>). Ist das Format nicht bekannt oder das Frame geschlossen, ist der Wert <code>null</code>.

VideoFrame.metadata() Methode

Gibt ein <code>VideoFrameMetadata</code>-Objekt mit den Metadaten zurück, die mit dem <code>VideoFrame</code> verknüpft sind, etwa Aufnahme- oder RTP-Zeitstempel.

VideoFrame.rotation Eigenschaft

Schreibgeschützte Ganzzahl, die angibt, um wie viel Grad (0, 90, 180 oder 270, im Uhrzeigersinn) ein <code>VideoFrame</code> bei der Darstellung gedreht werden soll.

VideoFrame.timestamp Eigenschaft

Nur-Lese-Eigenschaft, die den Präsentationszeitstempel eines <code>VideoFrame</code> als ganze Zahl in Mikrosekunden liefert.

VideoFrame.visibleRect Eigenschaft

Liefert ein <code>DOMRectReadOnly</code>, das den sichtbaren Pixelbereich eines <code>VideoFrame</code> innerhalb des codierten Bildes beschreibt, oder <code>null</code> nach <code>close()</code>.

VideoPlaybackQuality Schnittstelle

Enthält Wiedergabe-Metriken eines Videos (z. B. verworfene und insgesamt dekodierte Frames), die <code>HTMLVideoElement.getVideoPlaybackQuality()</code> liefert.

VideoPlaybackQuality.corruptedVideoFrames Eigenschaft

Schreibgeschützte Zahl der beschädigten Videoframes, die seit dem letzten Laden oder Neuladen des <code>&lt;video&gt;</code>-Elements empfangen wurden.

VideoPlaybackQuality.creationTime Eigenschaft

Schreibgeschützter <code>DOMHighResTimeStamp</code> in Millisekunden seit Erstellung des Browsing-Kontexts, zu dem diese Qualitätsprobe erfasst wurde.

VideoPlaybackQuality.droppedVideoFrames Eigenschaft

Schreibgeschützte Zahl der Videoframes, die seit dem letzten Laden des Mediums verworfen statt angezeigt wurden.

VideoPlaybackQuality.totalFrameDelay Eigenschaft

Schreibgeschützte, veraltete Eigenschaft: Summe aller Frame-Verzögerungen (in Sekunden, als <code>double</code>) seit der Erstellung des zugehörigen <code>HTMLVideoElement</code>.

VideoPlaybackQuality.totalVideoFrames Eigenschaft

Gibt die Gesamtzahl der Video-Frames zurück, die seit dem Laden des Mediums angezeigt oder verworfen wurden (schreibgeschützt).

VideoTrack Schnittstelle

Steht für eine einzelne Videospur eines <code>&lt;video&gt;</code>-Elements, etwa die Hauptansicht, einen anderen Kamerawinkel oder eine Gebärdensprach-Einblendung.

VideoTrack.id Eigenschaft

Nur lesbarer String, der die durch ein <code>VideoTrack</code> repräsentierte Videospur innerhalb ihrer Medienressource eindeutig identifiziert.

VideoTrack.kind Eigenschaft

Nur lesbarer String, der die Kategorie einer Videospur angibt, z. B. <code>"main"</code>, <code>"alternative"</code>, <code>"sign"</code> oder <code>"commentary"</code>.

VideoTrack.label Eigenschaft

Liefert die lesbare Bezeichnung eines Videotracks (z. B. „Regiekommentar“) als Zeichenfolge oder <code>""</code>, wenn keine vorhanden ist.

VideoTrack.language Eigenschaft

Schreibgeschützter String mit dem BCP-47-Sprachcode (z. B. <code>"de"</code> oder <code>"en-US"</code>) der Videospur, oder ein leerer String, wenn keine Sprache bekannt ist.

VideoTrack.selected Eigenschaft

Boolesche Eigenschaft, die angibt oder festlegt, ob eine <code>VideoTrack</code> die aktuell aktive Videospur eines Medienelements ist.

VideoTrack.sourceBuffer Eigenschaft

Gibt den <code>SourceBuffer</code> zurück, der die Videospur erzeugt hat, oder <code>null</code>, wenn die Spur nicht aus Media Source Extensions stammt.

VideoTrackGenerator Schnittstelle

Erzeugt einen Video-<code>MediaStreamTrack</code>, dessen Bilder über einen <code>WritableStream</code> als <code>VideoFrame</code>-Objekte hineingeschrieben werden.

VideoTrackGenerator.muted Eigenschaft

Boolesche Eigenschaft zum Lesen und Schreiben, mit der ein <code>VideoTrackGenerator</code> seinen Ausgabetrack vorübergehend stummschaltet (keine Frames) oder wieder freigibt.

VideoTrackGenerator.track Eigenschaft

Liefert den <code>MediaStreamTrack</code> vom Typ <code>"video"</code>, dessen Bilder aus den <code>VideoFrame</code>-Objekten stammen, die in <code>VideoTrackGenerator.writable</code> geschrieben werden.

VideoTrackGenerator.writable Eigenschaft

Liefert einen <code>WritableStream</code>. Jedes <code>VideoFrame</code>, das Sie hineinschreiben, erscheint als Bild im zugehörigen <code>MediaStreamTrack</code> des Generators.

VideoTrackList Schnittstelle

Stellt die Liste der Videospuren (<code>VideoTrack</code>) eines <code>&lt;video&gt;</code>-Elements dar und meldet, wenn Spuren hinzukommen, entfernt werden oder die Auswahl wechselt.

VideoTrackList.getTrackById() Methode

Gibt das erste <code>VideoTrack</code>-Objekt der Liste zurück, dessen <code>id</code> dem übergebenen String entspricht, oder <code>null</code>.

VideoTrackList.length Eigenschaft

Gibt die Anzahl der <code>VideoTrack</code>-Objekte in einer <code>VideoTrackList</code> zurück, also wie viele Videospuren ein Medienelement hat.

VideoTrackList.selectedIndex Eigenschaft

Liefert den Index des aktuell ausgewählten Videotracks in einer <code>VideoTrackList</code> oder <code>-1</code>, wenn kein Track ausgewählt ist.

VideoTrackList: addtrack Ereignis

Wird an einer <code>VideoTrackList</code> ausgelöst, sobald eine neue Videospur (<code>VideoTrack</code>) zur Liste hinzugefügt wurde.

VideoTrackList: change Ereignis

Wird an einer <code>VideoTrackList</code> ausgelöst, wenn eine Videospur ausgewählt oder abgewählt wird, z. B. durch Setzen von <code>VideoTrack.selected</code>.

VideoTrackList: removetrack Ereignis

Wird ausgelöst, wenn eine Videospur aus einer <code>VideoTrackList</code> entfernt wird, etwa beim Wechsel der Medienquelle.

Viewport Schnittstelle

Stellt das Viewport des Geräts dar und liefert über <code>segments</code> die Position und Größe der einzelnen Viewport-Segmente auf faltbaren Geräten oder Geräten mit zwei Bildschirmen.

Viewport.segments Eigenschaft

Nur lesbare Eigenschaft, die ein Array von <code>DOMRect</code>-Objekten mit Position und Größe jedes Viewport-Segments auf faltbaren oder Dual-Screen-Geräten liefert.

ViewTimeline Schnittstelle

Stellt eine Timeline dar, deren Fortschritt davon abhängt, wie weit ein Element (<code>subject</code>) durch den sichtbaren Bereich seines Scroll-Containers gewandert ist.

ViewTimeline.endOffset Eigenschaft

Schreibgeschützte Eigenschaft, die als <code>CSSNumericValue</code> die Scrollposition liefert, bei der die View-Timeline 100 % Fortschritt erreicht.

ViewTimeline.startOffset Eigenschaft

Liefert als schreibgeschützten <code>CSSNumericValue</code> die Scroll-Position, an der eine <code>ViewTimeline</code> 0 % Fortschritt hat.

ViewTimeline.subject Eigenschaft

Schreibgeschützte Eigenschaft, die das Subjektelement liefert, dessen Sichtbarkeit im nächsten scrollbaren Vorfahren den Fortschritt der <code>ViewTimeline</code> bestimmt.

ViewTransition Schnittstelle

Stellt eine laufende Ansichtstransition der View Transition API dar und bietet Promises für ihre Phasen sowie Methoden zum Überspringen und für Transitionstypen.

ViewTransition.finished Eigenschaft

Schreibgeschütztes <code>Promise</code>, das erfüllt wird, sobald die Übergangsanimation beendet ist und die neue Ansicht sichtbar und bedienbar ist.

ViewTransition.ready Eigenschaft

Schreibgeschütztes Promise, das erfüllt wird, sobald der Pseudo-Element-Baum der View Transition steht und die Animation gleich startet.

ViewTransition.skipTransition() Methode

Überspringt die Animation einer View Transition. Das DOM-Update im Callback wird trotzdem ausgeführt.

ViewTransition.transitionRoot Eigenschaft

Schreibgeschützte Eigenschaft, die das Wurzelelement liefert, auf das eine View Transition beschränkt ist – bei Dokument-Übergängen <code>document.documentElement</code>.

ViewTransition.types Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>ViewTransitionTypeSet</code> liefert, über das die Typen einer laufenden Ansichtstransition gelesen und geändert werden können.

ViewTransition.updateCallbackDone Eigenschaft

Ein <code>Promise</code>, das erfüllt wird, sobald das vom Update-Callback von <code>document.startViewTransition()</code> zurückgegebene Promise erfüllt ist, also das DOM aktualisiert wurde.

ViewTransition.waitUntil() Methode

Verlängert die Lebensdauer eines View-Übergangs: Übergang und <code>::view-transition</code>-Pseudoelementbaum bleiben bestehen, bis das übergebene Promise erledigt ist.

ViewTransitionTypeSet Schnittstelle

Set-ähnliches Objekt aus <code>ViewTransition.types</code>, das die Typen einer aktiven View Transition enthält, auf die CSS mit <code>:active-view-transition-type()</code> reagieren kann.

VirtualKeyboard Schnittstelle

Steuert die Bildschirmtastatur auf Touch-Geräten: Tastatur ein- und ausblenden, das automatische Verschieben des Layouts abschalten und die Tastaturgeometrie abfragen.

VirtualKeyboard.boundingRect Eigenschaft

Liefert ein schreibgeschütztes <code>DOMRect</code> mit Position und Größe der Bildschirmtastatur, die den Seiteninhalt überlagert.

VirtualKeyboard.hide() Methode

Blendet die virtuelle Bildschirmtastatur programmatisch aus, sofern das fokussierte Element die Tastatur manuell steuert.

VirtualKeyboard.overlaysContent Eigenschaft

Boolesche Eigenschaft, mit der du steuerst, ob die Bildschirmtastatur den Inhalt überlagert (<code>true</code>) oder der Browser den Viewport automatisch verkleinert (<code>false</code>).

VirtualKeyboard.show() Methode

Blendet die virtuelle Bildschirmtastatur für das aktuell fokussierte, editierbare Element per Skript ein.

VirtualKeyboard: geometrychange Ereignis

Wird ausgelöst, wenn sich die Geometrie der Bildschirmtastatur ändert, also wenn sie ein- oder ausgeblendet wird oder ihre Größe wechselt.

VisibilityStateEntry Schnittstelle

Ein Performance-Eintrag, der festhält, wann eine Seite in den Zustand <code>visible</code> oder <code>hidden</code> gewechselt ist.

VisualViewport Schnittstelle

Stellt den visuellen Viewport eines Fensters dar, also den Bereich, der gerade sichtbar ist. Berücksichtigt Pinch-Zoom und eingeblendete Bildschirmtastaturen.

VisualViewport.height Eigenschaft

Liefert die Höhe des visuellen Viewports in CSS-Pixeln (schreibgeschützt) oder <code>0</code>, wenn das Dokument nicht vollständig aktiv ist.

VisualViewport.offsetLeft Eigenschaft

Liefert den horizontalen Versatz der linken Kante des visuellen Viewports zur linken Kante des Layout-Viewports in CSS-Pixeln (schreibgeschützt).

VisualViewport.offsetTop Eigenschaft

Liefert den vertikalen Versatz der Oberkante des visuellen Viewports zur Oberkante des Layout-Viewports in CSS-Pixeln (schreibgeschützt).

VisualViewport.pageLeft Eigenschaft

Schreibgeschützt: x-Koordinate des linken Rands des visuellen Viewports relativ zum Ursprung des initialen umschließenden Blocks in CSS-Pixeln (bzw. <code>0</code>, wenn vom Dokument getrennt).

VisualViewport.pageTop Eigenschaft

Gibt die y-Koordinate der oberen Kante des visuellen Viewports relativ zum Ursprung des initialen enthaltenen Blocks in CSS-Pixeln zurück (schreibgeschützt).

VisualViewport.scale Eigenschaft

Gibt den aktuellen Pinch-Zoom-Faktor des visuellen Viewports als Zahl zurück, oder <code>0</code>, wenn das Dokument nicht vollständig aktiv ist.

VisualViewport.width Eigenschaft

Schreibgeschützte Eigenschaft, die die Breite des visuellen Viewports in CSS-Pixeln liefert – oder <code>0</code>, wenn das Dokument nicht vollständig aktiv ist.

VisualViewport: resize Ereignis

Wird ausgelöst, wenn sich die Größe des visuellen Viewports ändert – etwa durch Pinch-Zoom, eingeblendete Bildschirmtastatur oder Fenstergrößenänderung.

VisualViewport: scroll Ereignis

Wird ausgelöst, wenn sich der sichtbare Ausschnitt (visuelles Viewport) verschiebt, z. B. beim Scrollen innerhalb einer per Pinch-Zoom vergrößerten Seite.

VisualViewport: scrollend Ereignis

Wird ausgelöst, sobald eine Scroll-Bewegung des visuellen Viewports (z. B. Verschieben beim Pinch-Zoom) vollständig abgeschlossen ist.

void-Operator Operator

Der <code>void</code>-Operator wertet einen Ausdruck aus, verwirft dessen Ergebnis und liefert immer <code>undefined</code>.

Vorwärts-Suche: (?=...), (?!...) Keyword

Prüft, ob an der aktuellen Position ein Muster folgt (<code>(?=…)</code>) bzw. nicht folgt (<code>(?!…)</code>), ohne Zeichen zu verbrauchen.

VRDisplay Schnittstelle

Steht in der veralteten WebVR API für ein VR-Gerät (Headset) und bietet Zugriff auf Pose, Augenparameter, Darstellung und den gerätespezifischen Render-Loop.

VRDisplay.cancelAnimationFrame() Methode

Meldet einen mit <code>VRDisplay.requestAnimationFrame()</code> registrierten Animations-Callback wieder ab, bevor er ausgeführt wird.

VRDisplay.capabilities Eigenschaft

Nur lesbare Eigenschaft, die ein <code>VRDisplayCapabilities</code>-Objekt mit den Fähigkeiten des VR-Displays (Positionserfassung, externes Display, Präsentation usw.) liefert.

VRDisplay.depthFar Eigenschaft

Liest oder setzt die z-Tiefe der fernen Clipping-Ebene des Sicht-Frustums eines <code>VRDisplay</code>, also die größte Entfernung, bis zu der gerendert wird.

VRDisplay.depthNear Eigenschaft

Liest oder setzt die Z-Tiefe der Nahebene (near plane) des Sichtkegels der Augenansichten, also die kleinste Entfernung, ab der die Szene sichtbar ist.

VRDisplay.displayId Eigenschaft

Schreibgeschützte Zahl, die ein <code>VRDisplay</code> eindeutig kennzeichnet und über <code>Gamepad.displayId</code> die zugehörigen Controller zuordnet.

VRDisplay.displayName Eigenschaft

Schreibgeschützte Eigenschaft, die einen für Menschen lesbaren Namen des VR-Headsets als <code>string</code> liefert, z. B. „Oculus Rift CV1“.

VRDisplay.exitPresent() Methode

Beendet die Präsentation einer Szene auf dem <code>VRDisplay</code> und gibt ein Promise zurück, das nach dem Ende der Präsentation erfüllt wird.

VRDisplay.getEyeParameters() Methode

Gibt ein <code>VREyeParameters</code>-Objekt mit Sichtfeld, Augenversatz und empfohlener Renderauflösung für das linke oder rechte Auge zurück.

VRDisplay.getFrameData() Methode

Füllt ein übergebenes <code>VRFrameData</code>-Objekt mit Pose, View- und Projektionsmatrizen für beide Augen, damit der aktuelle VR-Frame gerendert werden kann.

VRDisplay.getImmediatePose() Methode

Gibt ein <code>VRPose</code>-Objekt mit der aktuellen Pose (Position, Ausrichtung) des <code>VRDisplay</code> zurück, ohne dass eine Bewegungsvorhersage angewendet wird.

VRDisplay.getLayers() Methode

Gibt ein Array der Ebenen (<code>VRLayerInit</code>-Objekte) zurück, die das <code>VRDisplay</code> gerade präsentiert, oder ein leeres Array.

VRDisplay.getPose() Methode

Gibt ein <code>VRPose</code>-Objekt mit der vorhergesagten Position und Ausrichtung des VR-Headsets zum Zeitpunkt der Frame-Präsentation zurück.

VRDisplay.isConnected Eigenschaft

Schreibgeschützte Eigenschaft, die mit einem <code>boolean</code> angibt, ob das <code>VRDisplay</code> (VR-Headset) aktuell mit dem Computer verbunden ist.

VRDisplay.isPresenting Eigenschaft

Schreibgeschützter boolescher Wert, der angibt, ob das <code>VRDisplay</code> gerade Inhalte präsentiert, also eine VR-Sitzung aktiv ist.

VRDisplay.requestAnimationFrame() Methode

Plant eine Rückruffunktion ein, die beim nächsten Frame des VR-Displays aufgerufen wird – mit der Bildwiederholrate des Headsets statt der des Monitors.

VRDisplay.requestPresent() Methode

Startet die Präsentation einer WebGL-Szene auf dem <code>VRDisplay</code> und gibt ein Promise zurück, das bei Erfolg erfüllt wird.

VRDisplay.resetPose() Methode

Setzt die Pose des <code>VRDisplay</code> zurück: Die aktuelle Position und Ausrichtung gelten danach als Ursprung bzw. Nullwerte.

VRDisplay.stageParameters Eigenschaft

Liefert ein <code>VRStageParameters</code>-Objekt mit Raummaßstab-Daten (Spielfläche, Transformationsmatrix) oder <code>null</code>, wenn das Gerät keine Raummaßstab-Erlebnisse unterstützt.

VRDisplay.submitFrame() Methode

Übergibt den aktuell gezeichneten Inhalt der präsentierten <code>VRLayerInit</code>-Ebene (Canvas) an das <code>VRDisplay</code> und zeigt ihn im Headset an.

VRDisplayCapabilities Schnittstelle

Beschreibt die Fähigkeiten eines <code>VRDisplay</code>, etwa ob es Position oder Orientierung erfasst, ein externes Display hat und wie viele Ebenen es darstellen kann.

VRDisplayCapabilities.canPresent Eigenschaft

Schreibgeschützter boolescher Wert, der angibt, ob ein VR-Display Inhalte darstellen kann, also z. B. ein Head-Mounted Display ist.

VRDisplayCapabilities.hasExternalDisplay Eigenschaft

Schreibgeschützter boolescher Wert: <code>true</code>, wenn das VR-Display ein vom primären Bildschirm des Geräts getrenntes, externes Display ist.

VRDisplayCapabilities.hasOrientation Eigenschaft

Schreibgeschützter Wahrheitswert, der angibt, ob das VR-Display die Orientierung (Drehung) des Kopfes verfolgen und über <code>VRPose.orientation</code> liefern kann.

VRDisplayCapabilities.hasPosition Eigenschaft

Schreibgeschützter boolescher Wert, der angibt, ob ein VR-Display die Position des Nutzers im Raum verfolgen kann (6DoF statt nur Orientierung).

VRDisplayCapabilities.maxLayers Eigenschaft

Schreibgeschützte Zahl, die angibt, wie viele <code>VRLayerInit</code>-Ebenen ein VR-Display höchstens gleichzeitig darstellen kann.

VRDisplayEvent Schnittstelle

Das Ereignisobjekt der WebVR-Ereignisse auf <code>window</code>, z. B. <code>vrdisplayconnect</code> oder <code>vrdisplaypresentchange</code>. Es verweist auf das betroffene <code>VRDisplay</code> und nennt einen Grund.

VRDisplayEvent.display Eigenschaft

Die Nur-Lese-Eigenschaft <code>display</code> von <code>VRDisplayEvent</code> gibt das <code>VRDisplay</code> zurück, das das Ereignis ausgelöst hat.

VRDisplayEvent.reason Eigenschaft

Schreibgeschützte Eigenschaft, die als Zeichenkette angibt, warum ein <code>VRDisplayEvent</code> ausgelöst wurde, z. B. <code>"mounted"</code> oder <code>"navigation"</code>.

VREyeParameters Schnittstelle

Enthält die Rendering-Daten für ein einzelnes Auge eines VR-Headsets: Augenabstand-Versatz, Sichtfeld und empfohlene Render-Auflösung.

VREyeParameters.fieldOfView Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>VRFieldOfView</code>-Objekt mit dem aktuellen Sichtfeld (oben, rechts, unten, links in Grad) für ein Auge liefert.

VREyeParameters.maximumFieldOfView Eigenschaft

Schreibgeschützte Eigenschaft, die als <code>VRFieldOfView</code>-Objekt das größte Sichtfeld angibt, das das Headset für das jeweilige Auge unterstützt.

VREyeParameters.minimumFieldOfView Eigenschaft

Schreibgeschützte Eigenschaft, die das kleinste unterstützte Sichtfeld des aktuellen Auges als <code>VRFieldOfView</code>-Objekt liefert (veraltet, WebVR).

VREyeParameters.offset Eigenschaft

Schreibgeschütztes <code>Float32Array</code> mit dem Versatz (x, y, z) in Metern vom Mittelpunkt zwischen den Augen zum Zentrum des jeweiligen Auges.

VREyeParameters.renderHeight Eigenschaft

Schreibgeschützte Eigenschaft, die die empfohlene Höhe des Renderziels für den Viewport eines Auges in Pixeln angibt.

VREyeParameters.renderWidth Eigenschaft

Schreibgeschützte Eigenschaft, die die empfohlene Breite des Renderziels pro Auge in Pixeln angibt (Teil der veralteten WebVR-API).

VRFieldOfView Schnittstelle

Beschreibt in der veralteten WebVR-API das Sichtfeld eines Auges. Dazu dienen vier Winkel in Grad (oben, rechts, unten, links), gemessen von der Blickmitte aus.

VRFieldOfView.downDegrees Eigenschaft

Schreibgeschützte Eigenschaft, die angibt, um wie viele Grad sich das Sichtfeld eines Auges vom Mittelpunkt aus nach unten erstreckt.

VRFieldOfView.leftDegrees Eigenschaft

Schreibgeschützte Eigenschaft, die angibt, um wie viele Grad sich das Sichtfeld eines Auges von der Blickmitte aus nach links erstreckt.

VRFieldOfView.rightDegrees Eigenschaft

Schreibgeschützte Eigenschaft, die angibt, um wie viele Grad sich das Sichtfeld eines Auges von der Blickmitte nach rechts erstreckt.

VRFieldOfView.upDegrees Eigenschaft

Schreibgeschützte Eigenschaft: gibt an, um wie viel Grad sich das Sichtfeld eines Auges ausgehend von der Blickachse nach oben erstreckt.

VRFrameData Schnittstelle

Enthält alle Daten zum Rendern eines einzelnen VR-Frames: Pose, View- und Projektionsmatrizen für beide Augen sowie einen Zeitstempel. Wird durch <code>VRDisplay.getFrameData()</code> befüllt.

VRFrameData.leftProjectionMatrix Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>Float32Array</code> mit der 4×4-Projektionsmatrix für das Rendern des linken Auges liefert.

VRFrameData.leftViewMatrix Eigenschaft

Schreibgeschütztes <code>Float32Array</code> mit einer 4×4-View-Matrix, die die Kameratransformation für das Rendern des linken Auges beschreibt.

VRFrameData.pose Eigenschaft

Schreibgeschützte Eigenschaft, die die <code>VRPose</code> (Position, Ausrichtung, Geschwindigkeiten) des <code>VRDisplay</code> zum Zeitpunkt <code>VRFrameData.timestamp</code> liefert.

VRFrameData.rightProjectionMatrix Eigenschaft

Liefert ein schreibgeschütztes <code>Float32Array</code> mit 16 Werten: die 4×4-Projektionsmatrix, mit der das Bild für das rechte Auge gerendert wird.

VRFrameData.rightViewMatrix Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>Float32Array</code> mit der 4×4-View-Matrix für das Rendering des rechten Auges liefert.

VRFrameData.timestamp Eigenschaft

Liefert einen ständig steigenden Zeitstempel (<code>DOMHighResTimeStamp</code>) in Millisekunden, der angibt, wann das Frame-Update der <code>VRFrameData</code> erfolgte.

VRLayerInit Schnittstelle

Das Wörterbuch <code>VRLayerInit</code> der veralteten WebVR-API beschreibt eine Inhaltsschicht (Canvas), die per <code>VRDisplay.requestPresent()</code> auf einem VR-Display dargestellt wird.

VRLayerInit.leftBounds Eigenschaft

Legt als Array aus vier Werten <code>[x, y, Breite, Höhe]</code> fest, welcher Canvas-Bereich dem linken Auge im <code>VRDisplay</code> angezeigt wird.

VRLayerInit.rightBounds Eigenschaft

Legt als Array aus vier Zahlen <code>[x, y, breite, höhe]</code> im Texturraum (0–1) fest, welcher Bereich der Leinwand dem rechten Auge angezeigt wird.

VRLayerInit.source Eigenschaft

Legt das <code>&lt;canvas&gt;</code>-Element (bzw. <code>OffscreenCanvas</code>) fest, dessen Inhalt ein <code>VRDisplay</code> im VR-Headset anzeigt.

VRPose Schnittstelle

Beschreibt den Zustand eines VR-Sensors zu einem Zeitpunkt: Orientierung, Position sowie Geschwindigkeit und Beschleunigung (linear und Winkel) als <code>Float32Array</code>.

VRPose.angularAcceleration Eigenschaft

Schreibgeschützte Eigenschaft, die die Winkelbeschleunigung des <code>VRDisplay</code> zum Zeitpunkt der Pose als <code>Float32Array</code> [x, y, z] oder <code>null</code> liefert.

VRPose.angularVelocity Eigenschaft

Schreibgeschützte Eigenschaft, die die Winkelgeschwindigkeit des <code>VRDisplay</code> als <code>Float32Array</code> [x, y, z] in Radiant pro Sekunde liefert – oder <code>null</code>.

VRPose.linearAcceleration Eigenschaft

Schreibgeschützt: liefert den linearen Beschleunigungsvektor des <code>VRDisplay</code> zum Zeitstempel der Pose in m/s² als <code>Float32Array</code> [x, y, z] oder <code>null</code>.

VRPose.linearVelocity Eigenschaft

Schreibgeschützte Eigenschaft, die die lineare Geschwindigkeit des <code>VRDisplay</code> als <code>Float32Array</code> [x, y, z] in Metern pro Sekunde liefert, oder <code>null</code>.

VRPose.orientation Eigenschaft

Schreibgeschützte Eigenschaft, die die aktuelle Ausrichtung des VR-Sensors als Quaternion <code>[x, y, z, w]</code> in einem <code>Float32Array</code> liefert, oder <code>null</code>.

VRPose.position Eigenschaft

Schreibgeschützte Eigenschaft, die die Position des <code>VRDisplay</code> zum aktuellen Zeitpunkt als 3D-Vektor (<code>Float32Array</code> mit x, y, z in Metern) liefert.

VRStageParameters Schnittstelle

Beschreibt die Spielfläche („Bühne“) eines VR-Geräts mit Raummaßstab: Transformationsmatrix vom Sitz- in den Stehraum sowie Breite und Tiefe der Fläche.

VRStageParameters.sittingToStandingTransform Eigenschaft

Nur lesbare Eigenschaft mit einer 4×4-Matrix (<code>Float32Array</code>), die Sitzraum-Koordinaten aus <code>VRFrameData</code> in den Stehraum (Raumkoordinaten) überführt.

VRStageParameters.sizeX Eigenschaft

Schreibgeschützte Eigenschaft, die die Breite der Spielfeldgrenzen (Play Area) eines Room-Scale-VR-Systems in Metern als <code>number</code> liefert.

VRStageParameters.sizeY Eigenschaft

Schreibgeschützte Eigenschaft, die die Tiefe des rechteckigen Spielbereichs (Stage) eines VR-Systems in Metern als Gleitkommazahl zurückgibt.

VTTCue Schnittstelle

Stellt eine einzelne WebVTT-Cue (Untertitel-/Textabschnitt mit Start- und Endzeit) dar, die sich per JavaScript einer <code>TextTrack</code> eines Medienelements hinzufügen lässt.

VTTCue.align Eigenschaft

Liest oder setzt die Textausrichtung aller Zeilen innerhalb des Untertitel-Kastens eines <code>VTTCue</code>, z. B. <code>"start"</code>, <code>"center"</code> oder <code>"end"</code>.

VTTCue.getCueAsHTML() Methode

Wandelt den WebVTT-Text eines Cues in ein <code>DocumentFragment</code> aus HTML-Knoten um, z. B. um Untertitel selbst im DOM darzustellen.

VTTCue.line Eigenschaft

Liest oder setzt die vertikale Position eines WebVTT-Cues: als Zeilennummer, als Prozentwert oder als <code>"auto"</code>.

VTTCue.lineAlign Eigenschaft

Gibt an, welcher Teil der Cue-Box (Anfang, Mitte oder Ende) an der mit <code>line</code> gesetzten Zeilenposition ausgerichtet wird. Die Eigenschaft ist les- und schreibbar.

VTTCue.position Eigenschaft

Liest oder setzt die Einrückung eines <code>VTTCue</code> innerhalb seiner Zeile, als Prozentwert (0–100) oder <code>"auto"</code>.

VTTCue.positionAlign Eigenschaft

Legt fest, an welcher Stelle der Cue-Box der Wert von <code>VTTCue.position</code> verankert ist: am linken Zeilenrand, in der Mitte oder am rechten Zeilenrand.

VTTCue.region Eigenschaft

Liest oder setzt die <code>VTTRegion</code>, in der die Untertitel-Cue angezeigt wird, oder <code>null</code>, wenn die Cue keiner Region zugeordnet ist.

VTTCue.size Eigenschaft

Liest oder setzt die Größe des Untertitelfelds eines <code>VTTCue</code> als Prozentwert (0–100) der Videobreite bzw. -höhe.

VTTCue.snapToLines Eigenschaft

Boolean, der festlegt, ob <code>VTTCue.line</code> als ganzzahlige Zeilennummer (<code>true</code>) oder als Prozentwert der Videohöhe (<code>false</code>) interpretiert wird.

VTTCue.text Eigenschaft

Liest oder setzt den Rohtext eines WebVTT-Cues als String. Enthaltenes WebVTT-Markup wie <code>&lt;b&gt;</code> oder <code>&lt;v Sprecher&gt;</code> bleibt dabei unverändert erhalten.

VTTCue.vertical Eigenschaft

Liest oder setzt die Schreibrichtung eines WebVTT-Cues: <code>""</code> (horizontal), <code>"rl"</code> oder <code>"lr"</code> (vertikal).

VTTRegion Schnittstelle

Beschreibt einen rechteckigen Bereich im Video, in dem ein oder mehrere <code>VTTCue</code>-Untertitel angezeigt werden, auf Wunsch mit Rollen nach oben.

VTTRegion.id Eigenschaft

Liest oder setzt einen String, der eine WebVTT-Region eindeutig kennzeichnet. Cues verweisen über diesen Bezeichner auf die Region.

VTTRegion.lines Eigenschaft

Liest oder setzt die Höhe einer <code>VTTRegion</code> als Anzahl von Textzeilen. Der Standardwert ist <code>3</code>.

VTTRegion.regionAnchorX Eigenschaft

Liest oder setzt die x-Koordinate des Ankerpunkts einer <code>VTTRegion</code> als Prozentsatz (0–100) der Regionsbreite.

VTTRegion.regionAnchorY Eigenschaft

Liest oder setzt die y-Koordinate des Ankerpunkts einer <code>VTTRegion</code> als Prozentwert (0–100) der Regionshöhe.

VTTRegion.scroll Eigenschaft

Legt fest, ob bestehende Cues in einer <code>VTTRegion</code> nach oben geschoben werden (<code>"up"</code>), wenn ein neuer Cue erscheint, oder nicht (<code>""</code>).

VTTRegion.viewportAnchorX Eigenschaft

Gibt die x-Koordinate des Viewport-Ankers einer <code>VTTRegion</code> als Prozentwert (0–100) der Videobreite zurück oder legt sie fest.

VTTRegion.viewportAnchorY Eigenschaft

Liest oder setzt die y-Koordinate des Viewport-Ankers einer WebVTT-Region als Prozentwert (0–100) der Videohöhe.

VTTRegion.width Eigenschaft

Liest oder setzt die Breite einer WebVTT-Region als Prozentwert (0–100) der Videobreite; Standardwert ist <code>100</code>.