CapCut tăng lưu lượng tự nhiên thêm 83% nhờ xây dựng một ứng dụng web có đầy đủ chức năng bằng WebAssembly và WebCodecs

Nằm trong danh sách 10 ứng dụng được tải xuống nhiều nhất trên Android năm 2023, CapCut là một trong những ứng dụng chỉnh sửa video phổ biến nhất hiện có cho thiết bị di động. Dịch vụ này cũng hoàn toàn miễn phí. Công cụ chỉnh sửa video đa năng mang đến nhiều hiệu ứng và tính năng chỉnh sửa khác nhau, như chuyển lời nói thành văn bản và nâng cấp hình ảnh, cũng như thư viện phương tiện có sẵn để giúp người dùng tạo video và đồ hoạ một cách nhanh chóng và mượt mà. Khi người dùng CapCut hoàn tất việc tạo nội dung đó, họ có thể xuất bản nội dung đó lên nền tảng mạng xã hội mà họ chọn chỉ bằng cách chỉ một lần nhấp, bao gồm TikTok, YouTube, Instagram và Facebook.

CapCut tập trung vào việc mang lại cho người dùng trải nghiệm tuyệt vời bằng cách cho phép họ sáng tạo nội dung theo ý họ. Gần đây, nhóm CapCut đã đầu tư vào việc phát triển một ứng dụng web nâng cao cho người dùng máy tính để bàn, giúp tăng cường trải nghiệm người dùng. CapCut trực tuyến có giao diện thân thiện với người dùng cung cấp các tính năng thiết thực cho cả người dùng cá nhân lẫn doanh nghiệp, giúp người dùng sáng tạo nội dung và cộng tác giữa các nhóm. Bản cập nhật này cho phép người dùng truy cập phần mềm chỉnh sửa video mạnh mẽ ngay trên trình duyệt họ muốn dùng, mang đến trải nghiệm chỉnh sửa thuận tiện và linh hoạt hơn.

Các ứng dụng web giúp giảm bớt rào cản khi gia nhập

CapCut đã phát hành một ứng dụng web để mang lại cho người dùng thêm nhiều cách để truy cập vào nền tảng chỉnh sửa video, thêm vào các ứng dụng Android và iOS hiện có của họ dành cho thiết bị di động. Việc cung cấp nhiều điểm truy cập hơn giúp người dùng chọn nền tảng phù hợp nhất cho họ, cho dù đó là tải ứng dụng di động xuống từ Cửa hàng Google Play, cài đặt nó dưới dạng một ứng dụng web qua trình duyệt ưa thích của trẻ hoặc sử dụng ứng dụng đó ngay trong thẻ trình duyệt. Đội ngũ công ty này cảm thấy rằng việc có một ứng dụng dành cho máy tính cũng hoạt động trong trình duyệt có thể có khả năng tăng tỷ lệ giữ chân người dùng và cải thiện sự hài lòng của người dùng.

Nhờ có bộ công nghệ dành cho các nhà phát triển, ứng dụng rất dễ sử dụng CapCut để dịch và chuyển ứng dụng dành cho thiết bị di động dành riêng cho nền tảng thành ứng dụng phiên bản web mạnh mẽ. Các công nghệ nền tảng web như WebAssembly đã có được mức độ phổ biến đáng kể của các nhà phát triển trong vài năm qua, cho phép họ giúp các ứng dụng web mạnh mẽ chạy nhanh hơn trước. Do hầu hết các kỹ thuật chỉnh sửa của CapCut được viết bằng C++, thì nhà phát triển của công cụ này có thể sử dụng Emscripten để chuyển ứng dụng của bạn lên phiên bản web dành cho máy tính.

Trích dẫn của James Williams từ CapCut cho biết: Chúng tôi đã sử dụng WebAssembly và WebCodecs để chuyển đổi hiệu quả nhiều tính năng quan trọng từ cơ sở mã gốc sang web mà không ảnh hưởng đến
hiệu suất hoặc chức năng.

WebAssembly

Với WebAssembly, các nhà phát triển CapCut đã chuyển thành công nhiều nội dung triệu mẫu video và đồ hoạ vào ứng dụng web mới. Của Emscripten hỗ trợ mạnh mẽ để biên dịch mã C và C++ sang WebAssembly cho phép CapCut để chia sẻ mã hiệu quả giữa ứng dụng web và ứng dụng dành riêng cho nền tảng, giúp chúng chuyển đổi một số chức năng quan trọng nhất của CapCut đối với nền tảng mới, bao gồm các hiệu ứng video và công cụ chỉnh sửa video đã được tuỳ chỉnh.

CapCut có nhiều hiệu ứng đặc biệt chạy các thuật toán trong trình duyệt, mà có thể kết xuất video gây tắc nghẽn trong quá trình xử lý theo thời gian thực. Nhờ vào Hàm xử lý song song của WebAssemly được gọi là Lệnh đơn, Nhiều Dữ liệu (SIMD), Nhà phát triển CapCut đã cải thiện hiệu suất xử lý của ứng dụng thêm gần 300% so với khi ứng dụng không dùng SIMD một cách hiệu quả hơn, giúp ngăn chặn nút thắt cổ chai xảy ra.

Xử lý ngoại lệ (EH) là một trong những khả năng cơ bản của C++, nhưng hỗ trợ cho EH ở Emscripten chưa hoàn tất. Emscripten cung cấp một nhóm các cơ chế EH dựa trên JavaScript, nhưng những yếu tố này có thể tác động tiêu cực đến hiệu suất thời gian chạy của ứng dụng và làm tăng kích thước gói. Tiêu chuẩn EH của WebAssembly tránh né vấn đề này. Đang chuyển sang WebAssembly cho EH giảm 15% kích thước gói ứng dụng web của CapCut đồng thời tăng mã hiệu suất cao.

WebCodecs

Để chỉnh sửa video, CapCut phải giải mã video mà người dùng nhập thành hình ảnh rồi hiển thị chúng trên canvas chỉnh sửa bên dưới màn xem trước video. Ngay cả khi Bộ giải mã được tối ưu hoá SIMD, giải mã hình ảnh 4K thành canvas chỉnh sửa trên máy tính hiệu suất cao mất hàng chục mili giây, nghĩa là việc giải mã nhiều bản video đồng thời đòi hỏi nhiều năng lượng.

Sử dụng WebCodecs, CapCut tích hợp tính năng mã hoá và giải mã có tăng tốc phần cứng, cải thiện âm thanh và tốc độ xử lý video tăng gần 300%. Với những cải tiến đáng kể CapCut hiện hỗ trợ nhiều luồng 4K đồng thời. Ngoài ra, WebCodecs cho phép hỗ trợ nhiều định dạng video hơn, chẳng hạn như H264, HEVC, VP8, VP9, và AV1.

Số liệu thống kê về ứng dụng CapCut: Hơn một triệu mẫu được chuyển sang ứng dụng web của CapCut. Hiệu suất xử lý cao hơn đến 300%. Các định dạng video được hỗ trợ tăng 40%.

Khai thác tối đa sức mạnh của ứng dụng web

Nhóm CapCut đã bắt đầu chuyển ứng dụng dành riêng cho nền tảng sang web tại đầu năm 2022. Tháng 8 năm đó, CapCut chính thức ra mắt phiên bản dựa trên web của ứng dụng dành cho máy tính. Dùng ứng dụng web tiến bộ (PWA) công nghệ, CapCut đã được bật cài đặt thông qua trình duyệt. Sau khi ra mắt phiên bản web mới bằng cách sử dụng các công nghệ này, nhóm CapCut đã tăng 83% về mặt SEO lưu lượng truy cập.

Cài đặt ứng dụng CapCut.

Việc đưa CapCut lên web cũng cho phép các nhà phát triển khai thác tối đa của người dùng bằng cách kết hợp các tính năng mạnh mẽ của Google với ứng dụng. Trong vòng một tháng sau khi ra mắt, nhiều người dùng đã có thể đăng nhập bằng Đăng nhập bằng một lần chạm bằng Google One , tinh giản quy trình đăng nhập bằng cách cho phép họ sử dụng thông tin đăng nhập Google hiện có thay vì nhập thủ công thông tin.

Mở rộng khả năng với web

Việc cung cấp CapCut trên web đã tạo ra những khả năng mới cho hàng triệu người người dùng, cung cấp cho họ thêm nhiều cách để truy cập vào phần mềm. Nhờ WebAssembly, WebCodecs và các công nghệ web hiện đại khác có sẵn để xây dựng các công nghệ các ứng dụng web, các nhà phát triển CapCut đã triển khai thành công cổng một với một duy trì toàn bộ sức mạnh và hiệu suất của ứng dụng.

Tìm hiểu thêm

Khám phá cách đưa ứng dụng của bạn lên web bằng WebAssemblyWebCodecs.

Trình chỉnh sửa video CapCut.