CapCut augmente le trafic généré par les résultats naturels de 83% en créant une application Web entièrement fonctionnelle à l'aide de WebAssembly et WebCodecs

CapCut fait partie des 10 applications les plus téléchargées sur Android en 2023. Il s'agit de l'une des applications de montage vidéo les plus populaires disponibles pour mobile. Elle est également entièrement sans frais. Cet outil de montage vidéo tout-en-un propose de nombreux effets et fonctionnalités de montage, comme la conversion de la parole en texte et l'upscaling d'images, ainsi qu'une bibliothèque multimédia complète pour aider les utilisateurs à créer des vidéos et des graphiques de haute qualité rapidement et facilement. Lorsque les utilisateurs de CapCut ont terminé de créer leur contenu, ils peuvent le publier sur la plate-forme de leur choix en un seul clic, y compris TikTok, YouTube, Instagram et Facebook.

CapCut se concentre sur la fourniture d'une expérience de qualité à ses utilisateurs en leur permettant de créer des contenus selon leurs conditions. Récemment, l'équipe CapCut a investi dans le développement d'une application Web avancée pour ses utilisateurs de bureau afin d'améliorer leur expérience. CapCut en ligne dispose d'une interface conviviale qui offre des fonctionnalités pratiques pour les utilisateurs personnels et professionnels, ce qui facilite la création de contenus et la collaboration entre les équipes. Cette mise à jour permet aux utilisateurs d'accéder au puissant logiciel de montage vidéo directement depuis leur navigateur préféré, ce qui leur offre une expérience de montage plus pratique et flexible.

Les applications Web réduisent les obstacles à l'entrée

CapCut a lancé une application Web pour offrir à ses utilisateurs plus de moyens d'accéder à sa plate-forme de montage vidéo, en plus de ses applications mobiles Android et iOS existantes. En proposant davantage de points d'entrée, les utilisateurs peuvent choisir la plate-forme qui leur convient le mieux, qu'il s'agisse de télécharger l'application mobile depuis le Google Play Store, de l'installer en tant qu'application Web via leur navigateur préféré ou de l'utiliser directement dans un onglet de navigateur. L'équipe a estimé qu'une application pour ordinateur de bureau qui fonctionne également dans le navigateur pourrait potentiellement augmenter la rétention et améliorer la satisfaction globale de ses utilisateurs.

Grâce à la suite de technologies disponibles pour les développeurs, CapCut a pu traduire et transférer facilement son application mobile spécifique à la plate-forme vers une version Web tout aussi performante. Les technologies de plate-forme Web telles que WebAssembly ont gagné en popularité auprès des développeurs au cours des dernières années, ce qui leur permet de créer des applications Web puissantes plus rapidement qu'auparavant. Étant donné que la majeure partie du moteur de montage de CapCut est écrite en C++, ses développeurs peuvent utiliser Emscripten pour porter l'application vers une version Web pour ordinateur.

Citation de James Williams de CapCut : Nous avons utilisé WebAssembly et WebCodecs pour porter efficacement de nombreuses fonctionnalités essentielles du codebase natif vers le Web, sans compromettre les performances ni les fonctionnalités.

WebAssembly

Grâce à WebAssembly, les développeurs de CapCut ont réussi à transférer plus d'un million de modèles vidéo et graphiques vers la nouvelle application Web. La compatibilité puissante d'Emscripten avec la compilation du code C et C++ en WebAssembly a permis à CapCut de partager efficacement le code entre les applications Web et celles spécifiques à la plate-forme, ce qui les a aidés à porter certaines des fonctions les plus importantes de CapCut vers la nouvelle plate-forme, y compris les effets vidéo et le montage vidéo personnalisés.

CapCut propose de nombreux effets spéciaux qui exécutent des algorithmes dans le navigateur, ce qui peut ralentir le rendu vidéo lors du traitement en temps réel. Grâce à la fonction de traitement parallèle de WebAssembly, appelée SIMD (Single Instruction, Multiple Data), les développeurs de CapCut ont amélioré les performances de traitement de l'application de près de 300 % par rapport aux solutions non SIMD, ce qui permet de mieux éviter les goulots d'étranglement.

La gestion des exceptions (GE) est l'une des fonctionnalités de base de C++, mais la prise en charge de la GE dans Emscripten était incomplète. Emscripten fournit un ensemble de mécanismes EH basés sur JavaScript, mais ceux-ci peuvent avoir un impact négatif sur les performances d'exécution d'une application et augmenter sa taille de package. La norme EH de WebAssembly permet de contourner ce problème. Le passage à WebAssembly pour EH a réduit la taille du package de l'application Web de CapCut de 15 %, tout en rendant le code plus performant.

WebCodecs

Pour le montage vidéo, CapCut doit décoder les vidéos que les utilisateurs saisissent dans des images, puis les afficher sur le canevas de montage sous l'aperçu vidéo. Même avec un décodeur optimisé pour SIMD, le décodage d'une image 4K sur le canevas de montage d'un ordinateur hautes performances prend des dizaines de millisecondes. Cela signifie que le décodage simultané de plusieurs pistes vidéo nécessite beaucoup d'énergie.

Grâce à WebCodecs, CapCut a intégré l'encodage et le décodage avec accélération matérielle, ce qui a permis d'améliorer la vitesse de traitement audio et vidéo de près de 300 %. Grâce à des performances considérablement améliorées, CapCut est désormais compatible avec plusieurs flux 4K simultanés. De plus, WebCodecs a permis de prendre en charge davantage de formats vidéo, tels que H264, HEVC, VP8, VP9 et AV1.

Statistiques sur l'application CapCut : plus d'un million de modèles transférés vers l'application Web de CapCut. Amélioration des performances de traitement jusqu'à 300 %. Augmentation de 40 % du nombre de formats vidéo acceptés

Exploiter toute la puissance d'une application Web

L'équipe CapCut a commencé à porter l'application spécifique à la plate-forme sur le Web au début de l'année 2022. En août de cette même année, CapCut a officiellement lancé sa première version Web de l'application pour ordinateur. Grâce aux technologies de progressive web app (PWA), CapCut a permis l'installation via le navigateur. Après avoir lancé sa nouvelle application Web utilisant ces technologies, l'équipe CapCut a constaté une amélioration de 83 % du trafic SEO.

Installer l'application CapCut

La disponibilité de CapCut sur le Web a également permis aux développeurs de tirer le meilleur parti de l'expérience de leurs utilisateurs en combinant de puissantes fonctionnalités Google à l'application. Un mois après le lancement, de nombreux utilisateurs ont pu se connecter à l'aide de la fonctionnalité de connexion Google One Tap, ce qui a simplifié le processus de connexion en leur permettant d'utiliser leurs identifiants Google existants au lieu de saisir manuellement leurs informations.

Élargir les possibilités offertes par le Web

La disponibilité de CapCut sur le Web a ouvert de nouvelles possibilités pour des millions d'utilisateurs, en leur offrant plus de façons d'accéder au logiciel. Grâce à WebAssembly, WebCodecs et aux autres technologies Web modernes disponibles pour créer des applications Web avancées, les développeurs de CapCut ont réussi à implémenter un port individuel qui a conservé toute la puissance et les performances de l'application.

En savoir plus

Découvrez comment diffuser vos applications sur le Web à l'aide de WebAssembly et de WebCodecs.

Outil de montage vidéo CapCut