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
# worklets-worklet

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
Worklet
addModule
Support for ECMAScript modules

Legend

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

Full support
Full support
See implementation notes.

Siehe auch