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 disponibles para dispositivos móviles. Además, es completamente gratuita. La herramienta de edición de video todo en uno ofrece numerosos efectos y funciones de edición, como la conversión de voz a texto y la mejora de imágenes, así como una biblioteca de contenido multimedia completamente equipada para ayudar a los usuarios a crear videos y gráficos de alta calidad de forma rápida y sencilla. Cuando los usuarios de CapCut terminan de crear su contenido, pueden publicarlo en la plataforma de redes sociales que elijan con un solo clic, como TikTok, YouTube, Instagram y Facebook.

CapCut se enfoca en proporcionar a sus usuarios una experiencia excelente, ya que les permite crear contenido en sus términos. Recientemente, el equipo de CapCut invirtió en el desarrollo de una aplicación web avanzada para los usuarios de computadoras de escritorio que mejora la experiencia del usuario. CapCut en línea tiene una interfaz fácil de usar que ofrece funciones prácticas para usuarios personales y empresariales, lo que facilita la creación de contenido y la colaboración entre equipos. Esta actualización permite a los usuarios acceder al potente software de edición de video directamente desde su navegador preferido, lo que brinda una experiencia de edición más conveniente y flexible.

Las apps web bajan la barrera de entrada

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

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

Cita de James Williams de CapCut: Usamos WebAssembly y WebCodecs para portar de manera eficiente muchas de nuestras funciones críticas de la base de código nativa a la Web sin comprometer el rendimiento ni la funcionalidad.

WebAssembly

Con WebAssembly, los desarrolladores de CapCut transfirieron correctamente más de un millón de plantillas gráficas y de video a la nueva aplicación web. La compatibilidad potente de Emscripten con la compilación de código C y C++ en WebAssembly permitió que CapCut compartiera código de manera eficiente entre las apps web y específicas de la plataforma, lo que los ayudó a portar algunas de las funciones más importantes de CapCut a la nueva plataforma, incluidos los efectos de video personalizados y la edición de video.

CapCut tiene muchos efectos especiales que ejecutan algoritmos en el navegador, lo que puede generar cuellos de botella en la renderización de video durante el procesamiento en tiempo real. Gracias a la función de procesamiento en paralelo de WebAssemly, conocida como una sola instrucción y varios datos (SIMD), los desarrolladores de CapCut mejoraron el rendimiento de procesamiento de la app en casi un 300% en comparación con las soluciones que no son SIMD, lo que evita mejor que se produzcan cuellos de botella.

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

WebCodecs

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

Con WebCodecs, CapCut integró la codificación y decodificación aceleradas por hardware, lo que mejoró la velocidad de procesamiento de audio y video en casi un 300%. Con un rendimiento mucho más mejorado, CapCut ahora admite varias transmisiones 4K simultáneas. Además, WebCodecs permitió la compatibilidad con 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 app web de CapCut. Se mejoró el rendimiento del procesamiento hasta en un 300%. Un aumento del 40% en los formatos de video compatibles

Aprovecha todo el poder de una aplicación web

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

Instalar la app de CapCut

Llevar CapCut a la Web también permitió a los desarrolladores aprovechar al máximo la experiencia de los usuarios combinando funciones potentes de Google con la aplicación. En un mes después del lanzamiento, muchos usuarios pudieron acceder con la función de acceso con One Tap de Google, lo que optimizó el proceso de acceso, ya que les permitió usar sus credenciales de Google existentes en lugar de escribir su información de forma manual.

Expande las posibilidades con la Web

Poner CapCut a disposición de los usuarios en la Web creó nuevas posibilidades para millones de usuarios, ya que les brindó más formas de acceder al software. Gracias a WebAssembly, WebCodecs y las otras tecnologías web modernas disponibles para compilar apps web avanzadas, los desarrolladores de CapCut implementaron correctamente 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 con WebAssembly y WebCodecs.

Editor de video CapCut.