CapCut meningkatkan traffic organik sebesar 83% dengan membangun aplikasi web yang berfungsi penuh menggunakan WebAssembly dan WebCodecs

Sebagai salah satu dari 10 aplikasi yang paling banyak didownload di Android tahun 2023, CapCut adalah salah satu aplikasi pengeditan video terpopuler yang tersedia untuk perangkat seluler. Ini juga sepenuhnya gratis. Alat pengeditan video lengkap menawarkan berbagai efek dan fitur pengeditan, seperti speech-to-text dan peningkatan skala gambar, serta koleksi media dengan stok lengkap untuk membantu pengguna membuat konten video dan grafis dengan cepat dan lancar. Saat pengguna CapCut selesai membuat konten, mereka dapat memublikasikannya ke platform media sosial pilihan mereka hanya dengan sekali klik, termasuk TikTok, YouTube, Instagram, dan Facebook.

CapCut berfokus untuk memberikan pengalaman luar biasa kepada penggunanya dengan memungkinkan mereka membuat konten dengan cara mereka. Baru-baru ini, tim CapCut telah berinvestasi dalam mengembangkan aplikasi web lanjutan untuk pengguna {i>desktop<i}-nya yang meningkatkan {i>user experience<i}. CapCut online memiliki antarmuka ramah pengguna yang menawarkan fitur praktis bagi pengguna pribadi dan bisnis, yang membuatnya lebih mudah untuk membuat konten dan berkolaborasi dengan seluruh tim. Pembaruan ini memungkinkan pengguna untuk mengakses perangkat lunak pengeditan video yang canggih langsung dari {i>browser<i} pilihan mereka, sehingga memberikan pengalaman pengeditan yang lebih nyaman dan fleksibel.

Aplikasi web menurunkan hambatan masuk

CapCut meluncurkan aplikasi web untuk memberi penggunanya lebih banyak cara untuk mengakses platform pengeditan video, yang ditambahkan ke aplikasi seluler Android dan iOS yang sudah ada. Menyediakan lebih banyak titik masuk memungkinkan pengguna memilih platform yang paling sesuai untuk mereka, baik dengan mendownload aplikasi seluler dari Google Play Store, menginstalnya sebagai aplikasi web melalui browser favorit mereka, atau menggunakannya langsung di tab browser. Tim merasa bahwa memiliki aplikasi desktop yang juga dalam browser dapat berpotensi meningkatkan retensi dan meningkatkan kepuasan pengguna mereka.

Berkat rangkaian teknologi yang tersedia bagi pengembang, perusahaan jadi mudah CapCut untuk menerjemahkan dan mentransfer aplikasi seluler khusus platformnya ke dalam versi web yang andal. Teknologi platform web seperti WebAssembly telah memperoleh popularitas yang signifikan di kalangan pengembang selama beberapa tahun terakhir, yang memungkinkan mereka untuk membuat aplikasi web canggih menjadi lebih cepat dari sebelumnya. Dan karena sebagian besar pengeditan CapCut tertulis dalam C++, pengembangnya dapat menggunakan Emscripten untuk melakukan porta aplikasi Anda ke versi web desktop.

Kutipan oleh James Williams dari CapCut mengatakan: Kami menggunakan WebAssembly dan WebCodecs untuk memindahkan banyak fitur penting kami secara efisien dari codebase native ke web tanpa mengorbankan
kinerja atau fungsionalitas.

WebAssembly

Dengan WebAssembly, developer CapCut berhasil mentransfer lebih dari satu juta template video dan grafis ke aplikasi web baru. Emscripten dukungan yang kuat untuk mengompilasi kode C dan C++ ke WebAssembly memungkinkan CapCut untuk berbagi kode secara efisien antara aplikasi khusus platform dan aplikasi web, membantu porta beberapa fungsi CapCut yang paling penting ke platform baru, termasuk efek video dan pengeditan video khusus.

CapCut memiliki banyak efek khusus yang menjalankan algoritma di {i>browser<i}, yang dapat mengalami hambatan rendering video selama pemrosesan real-time. Berkat Fungsi pemrosesan paralel WebAssemly yang dikenal sebagai Instruksi Tunggal, Multi Data (SIMD), developer CapCut meningkatkan performa pemrosesan aplikasi hampir 300% dibandingkan dengan non-SIMD solusi, dengan lebih baik dalam mencegah terjadinya bottleneck.

Penanganan Pengecualian (EH) adalah salah satu kemampuan dasar C++, tetapi dukungan untuk EH di Emscripten tidak lengkap. Emscripten menyediakan serangkaian mekanisme EH berdasarkan JavaScript, tetapi hal ini dapat berdampak negatif pada performa runtime aplikasi dan meningkatkan ukuran paket. Standar EH WebAssembly menghindari masalah ini. Beralih ke WebAssembly untuk EH mengurangi ukuran paket aplikasi web CapCut sebesar 15% sekaligus membuat kode lebih berperforma tinggi.

WebCodecs

Untuk pengeditan video, CapCut harus mendekode video yang dimasukkan pengguna ke dalam gambar lalu menampilkannya di kanvas pengeditan di bawah pratinjau video. Bahkan dengan Decoder SIMD yang dioptimalkan, mendekode gambar 4K ke kanvas pengeditan pada komputer berkinerja tinggi membutuhkan waktu puluhan milidetik, yang berarti bahwa proses beberapa trek video secara bersamaan membutuhkan banyak daya.

Menggunakan WebCodecs, Encoding dan decoding dengan akselerasi hardware terintegrasi CapCut, meningkatkan kualitas audio dan kecepatan pemrosesan video hampir 300%. Seiring dengan peningkatan performa tinggi, CapCut kini mendukung beberapa streaming 4K secara serentak. Selain itu, WebCodecs memungkinkan dukungan untuk lebih banyak format video, seperti H264, HEVC, VP8, VP9, dan AV1.

Statistik tentang aplikasi CapCut: Lebih dari satu juta template ditransfer ke aplikasi web CapCut. Performa pemrosesan hingga 300% lebih baik. Peningkatan 40% dalam format video yang didukung.

Memanfaatkan kekuatan penuh aplikasi web

Tim CapCut mulai memindahkan aplikasi khusus platform ke web dengan awal tahun 2022. Pada bulan Agustus tahun itu, CapCut secara resmi meluncurkan versi aplikasi berbasis web untuk desktop. Menggunakan progressive web app (PWA) teknologi baru, CapCut mengaktifkan penginstalan melalui browser. Setelah meluncurkan situs web baru aplikasi yang menggunakan teknologi ini, tim CapCut mengalami peningkatan SEO sebesar 83% traffic.

Menginstal aplikasi CapCut.

Dengan menghadirkan CapCut ke web, developer juga dapat memaksimalkan pengguna pengalaman pengguna dengan menggabungkan fitur-fitur canggih Google dengan aplikasi. Dalam waktu satu bulan setelah diluncurkan, banyak pengguna dapat masuk menggunakan Login dengan Google One Ketuk fungsi, yang menyederhanakan proses masuk dengan memungkinkan mereka untuk menggunakan kredensial Google yang sudah ada alih-alih mengetik informasi mereka secara manual.

Memperluas peluang dengan web

Menyediakan CapCut di web menciptakan kemungkinan baru bagi jutaan pengguna, memberi mereka lebih banyak cara untuk mengakses perangkat lunak. Berkat WebAssembly, WebCodecs, dan teknologi web modern lainnya yang tersedia untuk membangun aplikasi web, pengembang CapCut berhasil menerapkan porta {i>one-to-one<i} yang mempertahankan kemampuan dan performa penuh aplikasi.

Pelajari lebih lanjut

Temukan cara menghadirkan aplikasi Anda ke web menggunakan WebAssembly dan WebCodecs.

Editor video CapCut.