Worklet

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Das Worklet-Interface ist eine leichtgewichtige Version von Web Workers und gibt Entwicklern Zugriff auf niedrigstufige Teile der Rendering-Pipeline.

Mit Worklets können Sie JavaScript und WebAssembly-Code ausführen, um Grafik-Rendering oder Audioverarbeitung zu realisieren, wo hohe Leistung erforderlich ist.

Worklets erlauben den statischen Import von ECMAScript-Modulen, falls unterstützt, mit dem import. Dynamischer Import ist durch die Spezifikation nicht erlaubt — ein Aufruf von import() wird einen Fehler werfen.

Arten von Worklets

Worklets sind auf spezifische Anwendungsfälle beschränkt; sie können nicht für beliebige Berechnungen wie Web Workers verwendet werden. Das Worklet-Interface abstrahiert Eigenschaften und Methoden, die allen Arten von Worklets gemeinsam sind, und kann nicht direkt erstellt werden. Stattdessen können Sie eine der folgenden Klassen verwenden:

Name Beschreibung Standort Spezifikation
[`AudioWorklet`](/de/docs/Web/API/AudioWorklet) Für die Audioverarbeitung mit benutzerdefinierten AudioNodes. Web Audio Render-Thread Web Audio API
[`AnimationWorklet`](/de/docs/Web/API/AnimationWorklet) Für die Erstellung von scroll-verknüpften und anderen hochleistungsfähigen prozeduralen Animationen. Kompositor-Thread CSS-Animations-Worklet-API
[`LayoutWorklet`](/de/docs/Web/API/LayoutWorklet) Zur Definition der Positionierung und Abmessungen von benutzerdefinierten Elementen. CSS Layout API
[`SharedStorageWorklet`](/de/docs/Web/API/SharedStorageWorklet) Zum Ausführen privater Operationen auf plattformübergreifenden Daten, ohne das Risiko eines Datenlecks. Haupt-Thread Shared Storage API

Hinweis: Paint Worklets, definiert durch die CSS Painting API, sind keine Unterklassen von Worklet. Sie werden über ein reguläres Worklet-Objekt angesprochen, das mit CSS.paintWorklet erhalten wird.

Für 3D-Rendering mit WebGL verwenden Sie keine Worklets. Stattdessen schreiben Sie Vertex-Shader und Fragment-Shader mit GLSL-Code und diese Shader werden dann auf der Grafikkarte ausgeführt.

Instanzeigenschaften

Das Worklet-Interface definiert keine Eigenschaften.

Instanzmethoden

Worklet.addModule()

Fügt das Skriptmodul an der angegebenen URL zum aktuellen Worklet hinzu.

Spezifikationen

Specification
HTML Standard
# worklets-worklet

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch