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