Worklet - Web APIs 编辑
Experimental
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The Worklet
interface is a lightweight version of Web Workers
and gives developers access to low-level parts of the rendering pipeline. With Worklets, you can run JavaScript and WebAssembly code to do graphics rendering or audio processing where high performance is required.
Worklet types
Worklets are restricted to specific use cases; they cannot be used for arbitrary computations like Web Workers. The Worklet
interface abstracts properties and methods common to all kind of worklets, and cannot be created directly. Instead, you can use one of the following classes:
Name | Description | Location | Specification |
---|---|---|---|
PaintWorklet | For programmatically generating an image where a CSS property expects a file. Access this interface through | Chrome: Main thread Gecko: Paint thread | CSS Painting API |
AudioWorklet | For audio processing with custom AudioNodes. | Web Audio render thread | Web Audio API |
AnimationWorklet | For creating scroll-linked and other high performance procedural animations. | Compositor thread | CSS Animation Worklet API |
LayoutWorklet | For defining the positioning and dimensions of custom elements. | CSS Layout API |
For 3D rendering with WebGL, you don't use Worklets. Instead, you write Vertex Shaders and Fragment Shaders using GLSL code, and those shaders will then run on the graphics card.
Properties
The Worklet interface does not define any properties.
Methods
Worklet.addModule()
- Adds the script module at the given URL to the current worklet.
Specifications
Specification |
---|
HTML Living Standard The definition of 'Worklet' in that specification. |
Browser compatibility
BCD tables only load in the browser
See also
- Houdini: Demystifying CSS on Google Developers (May 2016)
- AudioWorklet :: What, Why, and How on YouTube (November 2017)
- Enter AudioWorklet on Google Developers (December 2017)
- Animation Worklet - HTTP203 Advent on YouTube (December 2017)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论