CapCut aumenta il traffico organico dell'83% creando un'app web completamente funzionale con WebAssembly e WebCodecs

Tra le 10 app più scaricate su Android nel 2023, CapCut è una delle app di editing video più popolari. per cellulari. Inoltre è completamente senza costi. Lo strumento all-in-one di editing video offre numerosi effetti e funzionalità di modifica, come la conversione della voce in testo e l'upscaling delle immagini, nonché una raccolta multimediale completa per aiutare gli utenti a creare contenuti video e grafiche in modo rapido e fluido. Quando gli utenti CapCut terminano di creare i propri contenuti, possono pubblicarli sulla loro piattaforma di social media preferita semplicemente un solo clic, inclusi TikTok, YouTube, Instagram e Facebook.

CapCut si concentra sul fornire agli utenti un'esperienza eccezionale consentendo loro di creare contenuti alle loro condizioni. Di recente, il team di CapCut ha investito in sviluppare un'applicazione web avanzata per gli utenti di computer che migliora la un'esperienza utente positiva. CapCut online ha un'interfaccia facile da usare che offre pratiche sia per gli utenti privati che per quelle aziendali, semplificando creare contenuti e collaborare tra team. Questo aggiornamento consente agli utenti di accedere il potente software di video editing direttamente dal loro browser preferito. offrendo un'esperienza di editing più pratica e flessibile.

Le app web riducono le barriere di accesso

CapCut ha lanciato un'applicazione web per offrire agli utenti più modi per accedere al proprio di editing video per integrare le app mobile Android e iOS esistenti. Fornire più punti di accesso consente agli utenti di scegliere la piattaforma più adatta alle loro esigenze che scarichi l'app mobile dal Google Play Store, installandola come applicazione web tramite il loro browser preferito oppure utilizzandola direttamente in una scheda del browser. Il team ha ritenuto che avere un'app desktop che supportava funziona nel browser potrebbe aumentare la fidelizzazione e migliorare in generale la soddisfazione dei propri utenti.

Grazie alla suite di tecnologie a disposizione degli sviluppatori, è stato facile CapCut per tradurre e trasferire la sua applicazione mobile specifica per la piattaforma in un potente versione web. Le tecnologie delle piattaforme web come WebAssembly hanno ottenuto una notevole popolarità tra gli sviluppatori negli ultimi anni, consentendo loro di rendono potenti app web più veloci di prima. E poiché gran parte delle modifiche di CapCut è scritto in C++, i suoi sviluppatori possono utilizzare Emscripten per a una versione web desktop.

James Williams di CapCut ha affermato: "Abbiamo utilizzato WebAssembly e WebCodecs per trasferire in modo efficiente molte delle nostre funzionalità fondamentali dal codebase nativo al web senza compromettere il
il rendimento o le funzionalità.

WebAssembly

Con WebAssembly, gli sviluppatori CapCut hanno trasferito con successo più di un milioni di modelli video e grafici nella nuova applicazione web. Di Emscripten un potente supporto per la compilazione di codice C e C++ in WebAssembly ha permesso a CapCut per condividere in modo efficiente il codice tra le app web e quelle specifiche della piattaforma, in modo che possano portarle alcune delle funzioni più importanti di CapCut nella nuova piattaforma, tra cui: effetti video personalizzati ed editing video.

CapCut ha molti effetti speciali che eseguono algoritmi nel browser, il rendering dei video collo di bottiglia durante l'elaborazione in tempo reale. Grazie a Funzione di elaborazione parallela di WebAssemly, nota come istruzione singola, multipla Dati (SIMD), sviluppatori CapCut ha migliorato le prestazioni di elaborazione dell'app di quasi il 300% rispetto alle applicazioni non SIMD per prevenire i colli di bottiglia.

La gestione delle eccezioni (EH) è una delle funzionalità di base di C++, ma supporta EH in Emscripten era incompleta. Emscripten fornisce una serie di meccanismi EH basate su JavaScript, ma questi possono influire negativamente sulle prestazioni di runtime di un'app e aumentarne dimensioni del pacchetto. Lo standard EH di WebAssembly elude questo problema. Passaggio a WebAssembly per EH ha ridotto del 15% le dimensioni del pacchetto dell'app web di CapCut, rendendo al contempo il codice il rendimento.

WebCodecs

Per l'editing video, CapCut deve decodificare nelle immagini i video inseriti dagli utenti e mostrarle nel canvas di modifica sotto l'anteprima del video. Anche con un decodificatore ottimizzato per SIMD, decodifica di un'immagine 4K nell'area di modifica su un computer ad alte prestazioni richiede decine di millisecondi, il che significa che la decodifica più tracce video contemporaneamente richiede molta potenza.

Utilizzo WebCodecs, CapCut integrava la codifica e la decodifica con accelerazione hardware, migliorando l'audio e velocità di elaborazione video di quasi il 300%. Con la funzionalità delle prestazioni, CapCut ora supporta più stream simultanei in 4K. Inoltre, I WebCodec consentivano di supportare altri formati video, come H264, HEVC, VP8, VP9, e AV1.

Statistiche sull'app CapCut: più di un milione di modelli trasferiti nell'app web di CapCut. Prestazioni di elaborazione migliori fino al 300%. Aumento del 40% dei formati video supportati.

Sfruttare tutta la potenza di un'applicazione web

Il team di CapCut ha iniziato a trasferire sul web l'applicazione specifica della piattaforma inizio 2022. Nell'agosto dello stesso anno, CapCut lanciò ufficialmente la sua prima basata sul web dell'app per computer. Con un'app web progressiva (PWA) tecnologie, CapCut abilitato l'installazione tramite browser. Dopo il lancio del nuovo sito utilizzando queste tecnologie, il team di CapCut ha riscontrato un miglioramento dell'83% della SEO traffico.

Installazione dell'app CapCut.

Inoltre, il passaggio di CapCut sul web ha permesso agli sviluppatori di sfruttare al massimo utente un'esperienza d'uso che combina le potenti funzionalità di Google con l'applicazione. Entro un mese dal lancio, molti utenti sono riusciti ad accedere utilizzando Accedere a Google One Tap di Google Cloud, semplificando la procedura di accesso consentendo all'utente di usare le credenziali Google esistenti anziché digitarle manualmente.

Ampliare le possibilità con il web

La disponibilità di CapCut sul web ha creato nuove possibilità per milioni di agli utenti, offrendo loro più modi per accedere al software. Grazie a WebAssembly, WebCodec e le altre tecnologie web moderne disponibili per creare tecnologie avanzate web, gli sviluppatori CapCut hanno implementato con successo una porta one-to-one ha mantenuto la piena potenza e le prestazioni dell'app.

Scopri di più

Scopri come portare le tue applicazioni sul web con WebAssembly e WebCodecs.

Editor video CapCut.