CapCut aumenta o tráfego orgânico em 83% criando um app da Web totalmente funcional com WebAssembly e WebCodecs

como um dos 10 apps mais baixados no Android em 2023, O CapCut é um dos apps de edição de vídeo mais conhecidos disponíveis. para dispositivos móveis. Também é totalmente sem custo financeiro. A ferramenta completa de edição de vídeos oferece vários efeitos e recursos de edição, como conversão de voz em texto e ampliação de imagem, bem como uma biblioteca de mídia totalmente abastecida para ajudar os usuários a criar textos de alta qualidade vídeos e gráficos com rapidez e facilidade. Quando os usuários do CapCut terminam de criar eles podem publicá-lo na plataforma de mídia social que preferirem apenas com um clique, incluindo TikTok, YouTube, Instagram e Facebook.

A CapCut se concentra em fornecer aos usuários uma ótima experiência, permitindo que eles para criar conteúdo do jeito deles. Recentemente, a equipe do CapCut investiu desenvolver um aplicativo da web avançado para os usuários de desktop que aprimora a experiência do usuário. O CapCut online tem uma interface fácil de usar que oferece recursos práticos para usuários pessoais e comerciais, facilitando criar conteúdo e colaborar entre equipes. Essa atualização permite que os usuários acessem o poderoso software de edição de vídeo diretamente no navegador de sua preferência, proporcionando uma experiência de edição mais conveniente e flexível.

Os apps da Web reduzem a barreira de entrada

O CapCut lançou um aplicativo da Web para oferecer aos usuários mais formas de acessar uma plataforma de edição de vídeos, complementando seus aplicativos para dispositivos móveis Android e iOS existentes. Com mais pontos de entrada, os usuários podem escolher a plataforma que funciona melhor seja baixando o app móvel da Google Play Store, instalá-lo como um aplicativo da web por meio de seu navegador favorito ou usá-lo diretamente em uma guia do navegador. A equipe sentiu que ter um app para computador que também funciona no navegador pode aumentar a retenção e melhorar o a satisfação dos usuários.

Graças ao conjunto de tecnologias disponíveis para os desenvolvedores, foi simples para CapCut para traduzir e transferir seu aplicativo móvel específico da plataforma para um aplicativo mais avançada. As tecnologias de plataforma da Web, como o WebAssembly, popularidade significativa entre os desenvolvedores nos últimos anos, permitindo que eles criar aplicativos da Web mais rápidos e avançados. Como a maior parte da edição do CapCut é escrito em C++, os desenvolvedores dele podem usar o Emscripten para transferir do aplicativo para uma versão da Web para desktop.

Citação de James Williams, do CapCut, dizendo: "Usamos o WebAssembly e o WebCodecs para transferir de forma eficiente muitos de nossos recursos essenciais da base de código nativa para a Web sem comprometer a
desempenho ou funcionalidade.

WebAssembly

Com o WebAssembly, os desenvolvedores do CapCut transferiram mais de um milhões de modelos de vídeos e gráficos para o novo aplicativo da web. De Emscripten um suporte avançado para compilar código C e C++ para WebAssembly permitiu que o CapCut para compartilhar código entre os apps da Web e específicos da plataforma, ajudando na portabilidade algumas das funções mais importantes do CapCut para a nova plataforma, incluindo efeitos personalizados e edição de vídeo.

O CapCut tem muitos efeitos especiais que executam algoritmos no navegador, o que pode um gargalo na renderização de vídeos durante o processamento em tempo real. Agradecimentos a Função de processamento paralelo do WebAssemly conhecida como instrução única, múltipla Data (SIMD), desenvolvedores do CapCut melhorou o desempenho de processamento do app em quase 300% em comparação com redes não SIMD soluções, o que evita gargalos.

O Exception Handling (EH) é um dos recursos básicos do C++, mas o suporte para EH em Emscripten estava incompleto. A Emscripten fornece um conjunto de mecanismos de EH com base em JavaScript, mas podem ter um impacto negativo no desempenho do tempo de execução e aumentar a ao tamanho do pacote. O padrão EH do WebAssembly contorna esse problema. Alternando para WebAssembly para EH reduziu o tamanho do pacote do app da Web do CapCut em 15% e tornava o código mais com bom desempenho.

WebCodecs

Para edição de vídeos, o CapCut precisa decodificar os vídeos que os usuários inserem em imagens e exibi-los na tela de edição abaixo da visualização do vídeo. Mesmo com um Decodificador otimizado para SIMD, decodificando uma imagem 4K para a tela de edição em um computador de alto desempenho leva dezenas de milissegundos, ou seja, a decodificação várias faixas de vídeo simultaneamente exigem muita energia.

Usando WebCodecs, O CapCut integrou a codificação e a decodificação aceleradas por hardware, melhorando o áudio. e a velocidade de processamento de vídeo em quase 300%. Com a imensa melhoria desempenho, o CapCut agora oferece suporte a várias transmissões 4K simultâneas. Além disso, O WebCodecs permitiu suporte a mais formatos de vídeo, como H264, HEVC, VP8, VP9, e AV1.

Estatísticas sobre o app CapCut: mais de um milhão de modelos foram transferidos para o app da Web do CapCut. Até 300% de melhoria no desempenho de processamento. Aumento de 40% em formatos de vídeo compatíveis.

Aproveitar todo o poder de um aplicativo da Web

A equipe do CapCut começou a transferir o aplicativo específico da plataforma para a Web no início de 2022. Em agosto do mesmo ano, o CapCut lançou oficialmente seu primeiro versão baseada na Web do app para computador. Como usar o Progressive Web App (PWA) tecnologias, o CapCut está ativado de instalação pelo navegador. Depois de lançar sua nova interface usando essas tecnologias, a equipe do CapCut observou uma melhoria de 83% no SEO .

Instalando o app CapCut.

Trazer o CapCut para a Web também permitiu que os desenvolvedores aproveitassem ao máximo dos usuários experiência do cliente, combinando recursos avançados do Google com o aplicativo. Um mês após o lançamento, muitos usuários conseguiram fazer login usando Login com um toque do Google simplificando o processo de login, permitindo que eles usem seus credenciais existentes do Google em vez de digitar manualmente suas informações.

Mais possibilidades com a Web

Disponibilizar o CapCut na Web criou novas possibilidades para milhões de pessoas usuários, oferecendo a eles mais formas de acessar o software. Graças ao WebAssembly, WebCodecs e outras tecnologias modernas da Web disponíveis para a criação de aplicativos apps da Web, os desenvolvedores do CapCut implementaram com sucesso uma porta de um para um que mantivemos todo o desempenho e a eficiência do app.

Saiba mais

Descubra como levar seus aplicativos para a Web usando WebAssembly e WebCodecs (em inglês).

Editor de vídeos CapCut.