Worklet
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
* Some parts of this feature may have varying levels of support.
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
Loading…
Siehe auch
- Houdini: Demystifying CSS auf Google Developers (2016)
- AudioWorklet :: What, Why, and How auf YouTube (2017)
- Enter AudioWorklet auf Google Developers (2017)
- Animation Worklet - HTTP203 Advent auf YouTube (2017)