Um dos 10 apps mais baixados no Android em 2023, o CapCut é um dos apps de edição de vídeo mais conhecidos para dispositivos móveis. Ele também é totalmente sem custo financeiro. A ferramenta de edição de vídeo completa oferece vários efeitos e recursos de edição, como conversão de voz em texto e aumento de resolução de imagens, bem como uma biblioteca de mídia completa para ajudar os usuários a criar vídeos e gráficos de alta qualidade de maneira rápida e fácil. Quando os usuários do CapCut terminam de criar o conteúdo, eles podem publicá-lo na plataforma de mídia social de sua escolha com apenas um clique, incluindo TikTok, YouTube, Instagram e Facebook.
O CapCut se concentra em oferecer aos usuários uma ótima experiência, permitindo que eles criem conteúdo de acordo com as próprias condições. Recentemente, a equipe do CapCut investiu no desenvolvimento de um aplicativo da Web avançado para usuários de computadores que melhora a experiência do usuário. O CapCut on-line tem uma interface fácil de usar que oferece recursos práticos para usuários pessoais e comerciais, facilitando a criação de conteúdo e a colaboração entre equipes. Essa atualização permite que os usuários acessem o software de edição de vídeo diretamente no navegador preferido, oferecendo 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 maneiras de acessar a plataforma de edição de vídeo, além dos apps para dispositivos móveis Android e iOS. Oferecer mais pontos de entrada permite que os usuários escolham a plataforma que funciona melhor para eles, seja fazendo o download do app para dispositivos móveis na Google Play Store, instalando-o como um aplicativo da Web no navegador favorito ou usando-o diretamente em uma guia do navegador. A equipe achou que ter um app para computador que também funcionasse no navegador poderia aumentar a retenção e melhorar a satisfação geral dos usuários.
Graças ao pacote de tecnologias disponível para desenvolvedores, foi fácil para o CapCut converter e transferir o aplicativo para dispositivos móveis específico da plataforma para uma versão da Web igualmente poderosa. Tecnologias de plataforma da Web, como o WebAssembly, ganharam popularidade significativa entre os desenvolvedores nos últimos anos, permitindo que eles criassem apps da Web poderosos mais rapidamente. E como a maior parte do mecanismo de edição do CapCut é escrita em C++, os desenvolvedores podem usar o Emscripten para portar o aplicativo para uma versão da Web para computador.
WebAssembly
Com o WebAssembly, os desenvolvedores do CapCut transferiram mais de um milhão de modelos gráficos e de vídeo para o novo aplicativo da Web. O suporte poderoso do Emscripten para compilar código C e C++ para WebAssembly permitiu que o CapCut compartilhe o código de forma eficiente entre os apps específicos da plataforma e da Web, ajudando a transferir algumas das funções mais importantes do CapCut para a nova plataforma, incluindo efeitos e edição de vídeo personalizados.
O CapCut tem muitos efeitos especiais que executam algoritmos no navegador, o que pode restringir a renderização de vídeo durante o processamento em tempo real. Graças à função de processamento paralelo do WebAssemly, conhecida como Single Instruction, Multiple Data (SIMD), os desenvolvedores do CapCut melhoraram a performance de processamento do app em quase 300% em comparação com soluções que não usam SIMD, evitando melhor a ocorrência de gargalos.
O processamento de exceções (EH, na sigla em inglês) é um dos recursos básicos do C++, mas o suporte a EH no Emscripten era incompleto. O Emscripten fornece um conjunto de mecanismos de EH baseados em JavaScript, mas eles podem afetar negativamente o desempenho de execução de um app e aumentar o tamanho do pacote. O padrão EH do WebAssembly contorna esse problema. A mudança para WebAssembly para EH reduziu o tamanho do pacote do app da Web do CapCut em 15%, além de melhorar o desempenho do código.
WebCodecs
Para a edição de vídeo, o CapCut precisa decodificar os vídeos que os usuários inserem em imagens e depois exibi-los na tela de edição abaixo da visualização do vídeo. Mesmo com um decodificador otimizado para SIMD, a decodificação de uma imagem 4K para a tela de edição em um computador de alto desempenho leva dezenas de milissegundos, o que significa que a decodificação de várias faixas de vídeo simultaneamente exige muita energia.
Usando WebCodecs, o CapCut integrou a codificação e decodificação aceleradas por hardware, melhorando a velocidade de processamento de áudio e vídeo em quase 300%. Com o desempenho muito melhorado, o CapCut agora oferece suporte a várias transmissões simultâneas em 4K. Além disso, os WebCodecs permitiram o suporte a mais formatos de vídeo, como H264, HEVC, VP8, VP9 e AV1.
Aproveitar todo o potencial de um aplicativo da Web
A equipe do CapCut começou a portar o aplicativo específico da plataforma para a Web no início de 2022. Em agosto daquele ano, o CapCut lançou oficialmente a primeira versão do app para computador baseada na Web. Usando tecnologias de app web progressivo (PWA), o CapCut permitiu a instalação pelo navegador. Depois de lançar o novo app da Web usando essas tecnologias, a equipe do CapCut observou uma melhoria de 83% no tráfego de SEO.
Com o lançamento do CapCut na Web, os desenvolvedores também puderam aproveitar ao máximo a experiência dos usuários ao combinar os recursos poderosos do Google com o aplicativo. Em um mês após o lançamento, muitos usuários conseguiram fazer login usando a função Login com um toque do Google, simplificando o processo de login ao permitir que eles usassem as credenciais do Google existentes em vez de digitar as informações manualmente.
Ampliar as possibilidades com a Web
A disponibilização do CapCut na Web criou novas possibilidades para milhões de usuários, oferecendo mais maneiras de acessar o software. Graças ao WebAssembly, WebCodecs e outras tecnologias modernas da Web disponíveis para criar apps avançados, os desenvolvedores do CapCut implementaram com sucesso uma transferência direta que mantinha o poder e o desempenho total do app.
Saiba mais
Descubra como levar seus aplicativos para a Web usando o WebAssembly e os WebCodecs.
