Nghệ thuật tối ưu từng Pixel: Đằng sau cỗ máy render của QuickCut

Khi bạn kéo thanh trượt (seek) trên timeline của QuickCut và thấy hình ảnh thay đổi tức thì mà không có độ trễ, đó không phải là phép màu. Đó là kết quả của hàng ngàn giờ tối ưu hóa các dòng code Shader và quản lý bộ nhớ VRAM một cách khắt khe.

Bài toán về sự mượt mà

Một video 4K ở tốc độ 60 khung hình/giây (FPS) yêu cầu xử lý khoảng 500 triệu pixel mỗi giây. Nếu chỉ dùng CPU thông thường, trình duyệt của bạn sẽ "bốc hỏa" ngay lập tức. Thách thức ở đây là làm thế nào để chuyển khối lượng công việc khổng lồ này sang GPU — bộ xử lý đồ họa chuyên dụng vốn được sinh ra để làm việc này.

WebGL: Không chỉ dành cho Game

Nhiều người nghĩ WebGL chỉ dùng để làm game 3D. Nhưng thực tế, nó là một công cụ xử lý ma trận cực kỳ mạnh mẽ. Tại QuickCut, chúng tôi viết các Custom Fragment Shaders để thực hiện các phép toán blend màu, áp dụng hiệu ứng chuyển cảnh và xử lý lớp phủ (overlay) ngay trên các texture của GPU.

Thay vì xử lý tuần tự từng pixel, GPU cho phép chúng tôi xử lý hàng ngàn pixel cùng một lúc. Đây chính là bí mật đằng sau khả năng preview thời gian thực của QuickCut.

Vượt qua giới hạn "Sandboxed" của trình duyệt

Trình duyệt vốn được thiết kế để bảo mật, điều này tạo ra những "bức tường" ngăn cản việc truy cập trực tiếp vào phần cứng. Một trong những khó khăn lớn nhất là độ trễ khi truyền dữ liệu (Data Transfer Latency) giữa CPU và GPU.

Để giải quyết vấn đề này, chúng tôi đã áp dụng kỹ thuật Zero-copy Rendering. Bằng cách sử dụng VideoFrame API từ WebCodecs, chúng tôi có thể ánh xạ trực tiếp bộ nhớ của bộ giải mã video vào WebGL textures mà không cần sao chép dữ liệu thủ công. Điều này giúp giảm tải cho CPU đến 70% và triệt tiêu gần như hoàn toàn hiện tượng giật lag.

Tương lai của WebGPU

Mặc dù WebGL hiện tại đã rất mạnh mẽ, nhưng chúng tôi đã bắt đầu thử nghiệm với WebGPU — thế hệ API tiếp theo mang lại khả năng tính toán (compute) còn mạnh mẽ hơn nữa. WebGPU sẽ cho phép chúng tôi tích hợp các mô hình AI phức tạp (như xóa vật thể tự động hoặc tách nền) chạy trực tiếp trên card đồ họa của người dùng với hiệu năng tiệm cận các ứng dụng native.

Tại QuickCut, chúng tôi không chỉ xây dựng một sản phẩm; chúng tôi đang mở rộng ranh giới của những gì có thể thực hiện được trên nền tảng web. Mỗi pixel hiển thị trên màn hình của bạn là một minh chứng cho sự kiên trì trong việc tìm kiếm hiệu năng tối thượng.