Tận dụng WebCodecs để tăng tốc GPU toàn diện

Trước đây, việc biên tập video trên web là một "cơn ác mộng" về hiệu năng. Tuy nhiên, sự ra đời của WebCodecs API đã thay đổi hoàn toàn cục diện.

WebCodecs là gì?

WebCodecs là một API cấp thấp cho phép các lập trình viên truy cập trực tiếp vào các bộ giải mã (decoders) và mã hóa (encoders) phần cứng có sẵn trên thiết bị.

Tại sao nó lại quan trọng?

1. Hiệu năng vượt trội: Thay vì phải dựa vào các thư viện JavaScript chậm chạp để xử lý video, chúng ta có thể đẩy trực tiếp công việc nặng nhọc cho GPU.
2. Độ trễ thấp: Xử lý khung hình theo thời gian thực mà không gây đứng hình giao diện.
3. Tiết kiệm tài nguyên: Giảm tải cho CPU đáng kể, giúp trình duyệt chạy mượt mà hơn.

Cách QuickCut ứng dụng WebCodecs

Tại QuickCut, chúng tôi kết hợp WebCodecs với WebGL để tạo ra một đường ống (pipeline) xử lý video khép kín trên GPU. Video được giải mã bằng WebCodecs, sau đó các khung hình được chuyển trực tiếp vào WebGL textures để áp dụng hiệu ứng.

Kết quả là một trải nghiệm biên tập mượt mà như các ứng dụng native (Desktop), nhưng lại có thể chạy trên bất kỳ máy tính nào có trình duyệt hiện đại.

Đây chỉ là khởi đầu của kỷ nguyên sáng tạo nội dung trên nền tảng Web.