CapCut aumenta el tráfico orgánico en un 83% a través de la compilación de una app web completamente funcional con WebAssembly y WebCodecs

Como una de las 10 apps más descargadas en Android en 2023, CapCut es una de las apps de edición de video más populares. para dispositivos móviles. Además, es completamente gratuita. La herramienta integral de edición de video ofrece varios efectos y funciones de edición, como la función de voz a texto y el aumento de imágenes, y una biblioteca multimedia completamente abastecida para ayudar a los usuarios a crear contenido videos y gráficos de forma rápida y fluida. Cuando los usuarios de CapCut terminan de crear su contenido, pueden publicarlo en su plataforma de redes sociales preferida con solo con un clic, incluidos TikTok, YouTube, Instagram y Facebook.

CapCut se enfoca en brindar a sus usuarios una gran experiencia permitiéndoles para crear contenido según sus propios términos. Recientemente, el equipo de CapCut invirtió en desarrollar una aplicación web avanzada para sus usuarios de escritorio que mejora la la experiencia del usuario. CapCut en línea tiene una interfaz fácil de usar que ofrece funciones prácticas tanto para usuarios personales como para empresas, lo que facilita la crear contenido y colaborar entre equipos. Esta actualización permite que los usuarios accedan el potente software de edición de video directamente desde su navegador preferido, lo que brinda una experiencia de edición más cómoda y flexible.

Las apps web reducen la barrera de entrada

CapCut lanzó una aplicación web para ofrecer a sus usuarios más formas de acceder a su de edición de video de YouTube, que se sumaron a sus aplicaciones móviles existentes para iOS y Android. Proporcionar más puntos de entrada permite a los usuarios elegir la plataforma que funcione mejor. para ellos, ya sea descargar la aplicación para dispositivos móviles desde Google Play Store, instalarla como una aplicación web a través de su navegador favorito o usarla directamente en una pestaña del navegador. El equipo sintió que tener una aplicación de escritorio que también en el navegador podría aumentar la retención y mejorar la satisfacción de sus usuarios.

Gracias al paquete de tecnologías disponibles para los desarrolladores, fue sencillo para CapCut para traducir y transferir su aplicación para dispositivos móviles específica de la plataforma a un una versión web potente. Las tecnologías de la plataforma web, como WebAssembly, han ganado una popularidad significativa entre los desarrolladores en los últimos años, lo que les permitió a crear apps web potentes más rápido que antes. Como la mayoría de las funciones de edición de CapCut está escrito en C++, sus desarrolladores podrían usar Emscripten para transferir el app a una versión web de escritorio.

Cita de James Williams de CapCut que dice: "Usamos WebAssembly y WebCodecs para transferir de manera eficiente muchas de nuestras funciones fundamentales de la base de código nativa a la Web sin comprometer la
rendimiento o funcionalidad.

WebAssembly

Con WebAssembly, los desarrolladores de CapCut transfirieron con éxito más de un un millón de plantillas de videos y gráficos a la nueva aplicación web. Escritos La potente compatibilidad con la compilación de código C y C++ en WebAssembly permitió el uso de CapCut. para compartir código de manera eficiente entre las apps web y específicas de la plataforma, ayudándoles a transferir algunas de las funciones más importantes de CapCut para la nueva plataforma, como efectos de video personalizados y edición de video.

CapCut tiene muchos efectos especiales que ejecutan algoritmos en el navegador, lo que puede Renderización de video en cuello de botella durante el procesamiento en tiempo real Gracias a La función de procesamiento paralelo de WebAssemly conocida como Instrucción única, varias Datos (SIMD), desarrolladores de CapCut que mejoraron el rendimiento del procesamiento de la app en casi un 300%, en comparación con las apps sin SIM y prevenir mejor que los cuellos de botella.

El manejo de excepciones (EH) es una de las capacidades básicas de C++, pero la compatibilidad con EH en Emscripten estaba incompleto. Emscripten proporciona un conjunto de mecanismos de EH basadas en JavaScript pero pueden afectar negativamente el rendimiento del tiempo de ejecución de una app y aumentar su el tamaño del paquete. El estándar de EH de WebAssembly elude este problema. Cambiando a WebAssembly para EH redujo en un 15% el tamaño del paquete de la aplicación web de CapCut y mejoró el tamaño del código rendimiento.

WebCodecs

Para editar videos, CapCut debe decodificar los videos que los usuarios ingresan en las imágenes y mostrarlos en el recuadro de edición debajo de la vista previa del video. Incluso con un Decodificador optimizado de SIMD que decodifica una imagen 4K en el lienzo de edición en un de alto rendimiento demora decenas de milisegundos, lo que significa que la decodificación varias pistas de video simultáneamente requiere mucha potencia.

Usando WebCodecs, CapCut integró codificación y decodificación con aceleración de hardware, lo que mejora el audio y la velocidad de procesamiento de videos en casi un 300%. Con la gran mejora CapCut ahora admite varias transmisiones simultáneas en 4K. Además: WebCodecs permitía admitir más formatos de video, como H264, HEVC, VP8, VP9, y AV1.

Estadísticas sobre la app de CapCut: Se transfirieron más de un millón de plantillas a la aplicación web de CapCut. Rendimiento de procesamiento hasta un 300% mejor. Aumento del 40% en los formatos de video compatibles

Aprovecha toda la potencia de una aplicación web

El equipo de CapCut comenzó a trasladar la aplicación específica de la plataforma a la Web en la a principios de 2022. En agosto de ese año, CapCut lanzó oficialmente su primer versión web de la aplicación para computadoras de escritorio. Usa una app web progresiva (AWP) tecnologías, CapCut habilitado la instalación a través del navegador. Después del lanzamiento de la nueva versión web con estas tecnologías, el equipo de CapCut observó una mejora del 83% en la SEO tráfico.

Instalando la app CapCut.

Incorporar CapCut a la Web también permitió que los desarrolladores aprovecharan al máximo sus de los usuarios combinando las potentes funciones de Google con la aplicación. En el plazo de un mes a partir del lanzamiento, muchos usuarios pudieron acceder con Acceso a Google One Tap y optimizar el proceso de acceso, ya que les permite usar sus las credenciales existentes de Google, en lugar de escribir su información manualmente.

Ampliamos las posibilidades con la Web

Poner CapCut a disposición en la Web creó nuevas posibilidades para millones de y más formas de acceder al software. Gracias a WebAssembly, WebCodecs y las demás tecnologías web modernas disponibles para crear contenido apps web, los desarrolladores de CapCut implementaron con éxito un puerto uno a uno que mantuvo toda la potencia y el rendimiento de la app.

Más información

Descubre cómo llevar tus aplicaciones a la Web usando WebAssembly y WebCodecs.

Editor de video CapCut.