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.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Giao diện Worklet là phiên bản nhẹ của Web Workers và cho phép nhà phát triển truy cập vào các phần cấp thấp của quy trình kết xuất.
Với Worklets, bạn có thể chạy mã JavaScript và WebAssembly để thực hiện kết xuất đồ họa hoặc xử lý âm thanh khi hiệu suất cao là yêu cầu bắt buộc.
Worklets cho phép nhập tĩnh mô-đun ECMAScript, nếu được hỗ trợ, bằng cách dùng import.
Nhập động bị đặc tả cấm, gọi import() sẽ ném ra lỗi.
Các loại Worklet
Worklets bị giới hạn trong các trường hợp sử dụng cụ thể; chúng không thể được sử dụng cho các phép tính tùy ý như Web Workers. Giao diện Worklet trừu tượng hóa các thuộc tính và phương thức chung cho mọi loại worklet, và không thể được tạo trực tiếp. Thay vào đó, bạn có thể sử dụng một trong các lớp sau:
| Tên | Mô tả | Vị trí | Đặc tả |
|---|---|---|---|
AudioWorklet |
Dùng để xử lý âm thanh với AudioNodes tùy chỉnh. | Luồng kết xuất Web Audio | Web Audio API |
AnimationWorklet |
Dùng để tạo các hoạt ảnh liên kết với cuộn trang và các hoạt ảnh thủ tục hiệu suất cao khác. | Luồng compositor | CSS Animation Worklet API |
LayoutWorklet |
Dùng để định nghĩa vị trí và kích thước của các phần tử tùy chỉnh. | CSS Layout API | |
SharedStorageWorklet |
Dùng để chạy các thao tác riêng tư trên dữ liệu nhiều trang web, không có nguy cơ rò rỉ dữ liệu. | Luồng chính | Shared Storage API |
Note:
Paint worklets, được định nghĩa bởi CSS Painting API, không kế thừa từ Worklet. Chúng được truy cập thông qua một đối tượng Worklet thông thường thu được bằng CSS.paintWorklet.
Để kết xuất 3D với WebGL, bạn không sử dụng worklets. Thay vào đó, bạn viết vertex shader và fragment shader bằng mã GLSL, và các shader đó sẽ chạy trên card đồ họa.
Thuộc tính phiên bản
Giao diện Worklet không định nghĩa bất kỳ thuộc tính nào.
Phương thức phiên bản
Worklet.addModule()-
Thêm mô-đun script tại URL đã cho vào worklet hiện tại.
Thông số kỹ thuật
| Specification |
|---|
| HTML> # worklets-worklet> |
Tương thích trình duyệt
Xem thêm
- Houdini: Demystifying CSS trên Google Developers (2016)
- AudioWorklet :: What, Why, and How trên YouTube (2017)
- Enter AudioWorklet trên Google Developers (2017)
- Animation Worklet - HTTP203 Advent trên YouTube (2017)