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

Parmi les 10 applis les plus téléchargées sur Android en 2023, CapCut est l'une des applications de montage vidéo les plus populaires sur le marché. pour les mobiles. C'est également complètement sans frais. L'outil de montage vidéo tout-en-un offre de nombreux effets et fonctionnalités de retouche, comme la reconnaissance vocale et l'augmentation de la taille d'image, ainsi qu'une bibliothèque multimédia bien fournie pour aider les utilisateurs à créer des contenus de haute qualité des vidéos et des images de manière rapide et fluide. Lorsque les utilisateurs de CapCut ont terminé de créer contenus, ils peuvent les publier sur les réseaux sociaux de leur choix en un clic, y compris TikTok, YouTube, Instagram et Facebook.

CapCut s'efforce d'offrir une expérience de qualité à ses utilisateurs en leur permettant pour créer des contenus selon leurs propres conditions. L'équipe CapCut a récemment investi dans développer une application Web avancée pour les utilisateurs de bureau, qui améliore l'expérience utilisateur. CapCut propose une interface conviviale des fonctionnalités pratiques pour les utilisateurs personnels et professionnels, ce qui facilite de créer des contenus et de collaborer avec d'autres équipes. Cette mise à jour permet aux utilisateurs d'accéder le puissant logiciel de montage vidéo directement depuis leur navigateur préféré, offrant ainsi une expérience de montage plus pratique et plus 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 à ses et de les ajouter à leurs applications mobiles Android et iOS existantes. Offrir plus de points d'entrée permet aux utilisateurs de choisir la plateforme qui leur convient le mieux qu'il s'agisse de télécharger l'application mobile sur le Google Play Store, en l'installant en tant qu'application Web via son navigateur préféré ou en l'utilisant directement dans un onglet du navigateur. L'équipe a estimé qu'avoir une application de bureau qui aussi fonctionne dans le navigateur, il est possible d'augmenter le taux de fidélisation et d'améliorer globalement la satisfaction de leurs utilisateurs.

Grâce à la suite de technologies à la disposition des développeurs, il a été facile pour CapCut de traduire et de transférer son application mobile spécifique à une plate-forme dans une version Web puissante. Les technologies des plateformes Web comme WebAssembly ont acquis populaire auprès des développeurs ces dernières années, ce qui leur a permis créer des applications Web performantes plus rapidement qu'avant. Puisque la plupart des modifications apportées par CapCut est écrit en C++, ses développeurs peuvent utiliser Emscripten pour transférer vers une version web de bureau.

Citation de James Williams de CapCut : "Nous avons utilisé WebAssembly et WebCodecs pour transférer efficacement bon nombre de nos fonctionnalités essentielles du codebase natif vers le Web, sans compromettre sur
les performances ou la fonctionnalité.

WebAssembly

Avec WebAssembly, les développeurs de CapCut ont transféré plusieurs des millions de modèles vidéo et graphiques à la nouvelle application Web. Emscripten's Prise en charge efficace de la compilation du code C et C++ dans WebAssembly a permis à CapCut pour partager efficacement du code entre les applications Web et spécifiques à la plate-forme, ce qui les aide à transférer certaines des fonctions les plus importantes de CapCut à la nouvelle plate-forme, y compris des effets vidéo personnalisés et du montage vidéo.

CapCut dispose de nombreux effets spéciaux qui exécutent des algorithmes dans le navigateur, ce qui peut des goulots d'étranglement pendant le traitement en temps réel. Grâce à La fonction de traitement parallèle de WebAssemly, appelée instruction unique, multiple Data (SIMD), développeurs de CapCut a amélioré les performances de traitement de l'application de près de 300% par rapport aux applications sans SIMD. et ainsi éviter les goulots d'étranglement.

La gestion des exceptions (EH) est l'une des fonctionnalités de base du C++, mais la prise en charge de L'EH d'Emmscripten était incomplète. Emscripten propose un ensemble de mécanismes d'EH basé sur JavaScript, mais elles peuvent avoir un impact négatif sur les performances d'exécution d'une application la taille du package. La norme EH de WebAssembly permet de contourner ce problème. Passage à WebAssembly pour EH réduit la taille du package de l'application Web de CapCut de 15% tout en simplifiant le code. performants.

WebCodecs

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

En utilisant WebCodecs, CapCut intègre l'encodage et le décodage avec accélération matérielle, pour une meilleure qualité audio et la vitesse de traitement des vidéos de près de 300%. Grâce à l'amélioration considérable des performances, CapCut accepte désormais plusieurs flux 4K simultanés. En outre, WebCodecs permet de prendre en charge davantage de formats vidéo, tels que H264, HEVC, VP8, VP9, et AV1.

Statistiques concernant l'application CapCut: plus d'un million de modèles transférés vers l'application Web de CapCut Performances de traitement jusqu'à 300% supérieures Augmentation de 40% du nombre de formats vidéo acceptés

Exploiter toute la puissance d'une application Web

L'équipe CapCut a commencé à transférer l'application spécifique à la plate-forme sur le Web début 2022. En août de la même année, CapCut a officiellement lancé Web de l'application pour ordinateur. Utiliser une progressive web app (PWA) technologies, CapCut activé l'installation via le navigateur. Après avoir lancé sa nouvelle version application utilisant ces technologies, l'équipe CapCut a amélioré de 83% le SEO le trafic.

Installer l'application CapCut

Intégrer CapCut sur le Web a également permis aux développeurs d'exploiter tout le potentiel des utilisateurs en combinant les puissantes fonctionnalités de Google avec l'application. Dans le mois qui a suivi le lancement, de nombreux utilisateurs ont pu se connecter à l'aide de Se connecter à Google One Tap ce qui simplifie le processus de connexion en leur permettant d'utiliser des identifiants Google existants au lieu de les saisir manuellement.

De nouvelles possibilités avec le Web

La mise à disposition de CapCut sur le Web a créé de nouvelles possibilités pour des millions de les utilisateurs, leur offrant plus de moyens d'accéder au logiciel. Grâce à WebAssembly, les WebCodecs et les autres technologies Web modernes disponibles pour créer des d'applications Web, les développeurs de CapCut ont réussi à implémenter un port "un à un" a maintenu la pleine puissance et les performances de l'application.

En savoir plus

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

l'outil de montage vidéo CapCut.