2023년 Android에서 가장 많이 다운로드된 앱 10개 중 하나인 CapCut은 모바일에서 가장 인기 있는 동영상 편집 앱 중 하나입니다. 또한 완전히 무료입니다. 이 올인원 동영상 편집 도구는 음성 텍스트 변환, 이미지 업스케일링과 같은 다양한 효과와 편집 기능을 제공할 뿐만 아니라 사용자가 고품질 동영상과 그래픽을 빠르고 원활하게 만들 수 있도록 완벽한 미디어 라이브러리를 제공합니다. CapCut 사용자는 콘텐츠 제작을 완료하면 클릭 한 번으로 TikTok, YouTube, Instagram, Facebook 등 원하는 소셜 미디어 플랫폼에 게시할 수 있습니다.
CapCut은 사용자가 원하는 방식으로 콘텐츠를 만들 수 있도록 하여 훌륭한 경험을 제공하는 데 중점을 둡니다. 최근 CapCut팀은 사용자 경험을 개선하는 데 도움이 되는 데스크톱 사용자를 위한 고급 웹 애플리케이션을 개발하는 데 투자했습니다. CapCut 온라인은 개인 사용자와 비즈니스 사용자 모두에게 실용적인 기능을 제공하는 사용자 친화적인 인터페이스를 갖추고 있어 콘텐츠를 더 쉽게 만들고 여러 팀에서 공동작업할 수 있습니다. 이번 업데이트를 통해 사용자는 선호하는 브라우저에서 직접 강력한 동영상 편집 소프트웨어에 액세스하여 더 편리하고 유연한 편집 환경을 이용할 수 있습니다.
웹 앱으로 진입 장벽 낮추기
CapCut은 기존 Android 및 iOS 모바일 앱에 더해 사용자에게 동영상 편집 플랫폼에 액세스할 수 있는 더 많은 방법을 제공하기 위해 웹 애플리케이션을 출시했습니다. 진입점을 더 많이 제공하면 사용자가 Google Play 스토어에서 모바일 앱을 다운로드하거나, 즐겨 사용하는 브라우저를 통해 웹 애플리케이션으로 설치하거나, 브라우저 탭에서 직접 사용하는 등 가장 적합한 플랫폼을 선택할 수 있습니다. 이 팀은 브라우저에서도 작동하는 데스크톱 앱을 사용하면 유지율을 높이고 사용자의 전반적인 만족도를 개선할 수 있다고 생각했습니다.
개발자가 사용할 수 있는 기술 모음 덕분에 CapCut은 플랫폼별 모바일 애플리케이션을 동등하게 강력한 웹 버전으로 변환하고 전송할 수 있었습니다. WebAssembly와 같은 웹 플랫폼 기술은 지난 몇 년 동안 개발자들 사이에서 큰 인기를 얻었으며, 이를 통해 개발자는 이전보다 더 빠르게 강력한 웹 앱을 만들 수 있게 되었습니다. 또한 CapCut의 편집 엔진 대부분이 C++로 작성되어 있으므로 개발자는 Emscripten을 사용하여 애플리케이션을 데스크톱 웹 버전으로 포팅할 수 있습니다.
WebAssembly
CapCut 개발자는 WebAssembly를 사용하여 100만 개가 넘는 동영상 및 그래픽 템플릿을 새 웹 애플리케이션으로 이전했습니다. Emscripten의 C 및 C++ 코드를 WebAssembly로 컴파일하기 위한 강력한 지원을 통해 CapCut은 플랫폼별 앱과 웹 앱 간에 코드를 효율적으로 공유할 수 있었으며, 맞춤 동영상 효과, 동영상 편집 등 CapCut의 가장 중요한 기능 중 일부를 새 플랫폼으로 이전할 수 있었습니다.
CapCut에는 브라우저에서 알고리즘을 실행하는 여러 특수 효과가 있어 실시간 처리 중에 동영상 렌더링이 병목 현상을 일으킬 수 있습니다. 단일 명령, 다중 데이터 (SIMD)라고 하는 WebAssembly의 병렬 처리 기능 덕분에 CapCut 개발자는 SIMD가 아닌 솔루션에 비해 앱의 처리 성능을 거의 300% 향상하여 병목 현상을 더 효과적으로 방지했습니다.
예외 처리 (EH)는 C++의 기본 기능 중 하나이지만 Emscripten의 EH 지원은 불완전했습니다. Emscripten은 JavaScript를 기반으로 하는 일련의 EH 메커니즘을 제공하지만, 이러한 메커니즘은 앱의 런타임 성능에 부정적인 영향을 미치고 패키지 크기를 늘릴 수 있습니다. WebAssembly의 EH 표준은 이 문제를 우회합니다. EH용 WebAssembly로 전환하여 CapCut 웹 앱의 패키지 크기를 15% 줄이고 코드 성능을 개선했습니다.
WebCodecs
동영상 편집의 경우 CapCut은 사용자가 이미지에 입력한 동영상을 디코딩한 후 동영상 미리보기 아래의 편집 캔버스에 표시해야 합니다. SIMD 최적화 디코더를 사용하더라도 고성능 컴퓨터에서 4K 이미지를 편집 캔버스로 디코딩하는 데 수십 밀리초가 걸리므로 동영상의 여러 트랙을 동시에 디코딩하려면 많은 전력이 필요합니다.
WebCodecs를 사용하여 CapCut은 하드웨어 가속 인코딩 및 디코딩을 통합하여 오디오 및 동영상 처리 속도를 거의 300% 향상시켰습니다. 성능이 크게 개선되어 이제 CapCut에서 여러 개의 동시 4K 스트림을 지원합니다. 또한 WebCodecs를 통해 H264, HEVC, VP8, VP9, AV1과 같은 더 많은 동영상 형식을 지원할 수 있었습니다.
웹 애플리케이션의 모든 기능 활용
CapCut팀은 2022년 초에 플랫폼별 애플리케이션을 웹으로 포팅하기 시작했습니다. 그해 8월, CapCut은 데스크톱용 앱의 첫 번째 웹 기반 버전을 공식적으로 출시했습니다. CapCut은 프로그레시브 웹 앱 (PWA) 기술을 사용하여 브라우저를 통한 설치를 지원합니다. 이러한 기술을 사용하여 새 웹 앱을 출시한 후 CapCut팀은 SEO 트래픽이 83% 개선되었습니다.
CapCut을 웹으로 가져오면서 개발자는 강력한 Google 기능을 애플리케이션과 결합하여 사용자 환경을 최대한 활용할 수 있게 되었습니다. 출시 한 달 만에 많은 사용자가 Google 원탭 로그인 기능을 사용하여 로그인할 수 있었습니다. 이를 통해 사용자는 정보를 직접 입력하는 대신 기존 Google 사용자 인증 정보를 사용하여 로그인 절차를 간소화할 수 있었습니다.
웹으로 가능성 확대
웹에서 CapCut을 사용할 수 있게 되면서 수백만 명의 사용자가 소프트웨어에 액세스할 수 있는 새로운 방법을 갖게 되었습니다. CapCut 개발자는 WebAssembly, WebCodecs, 고급 웹 앱을 빌드하는 데 사용할 수 있는 기타 최신 웹 기술 덕분에 앱의 모든 기능과 성능을 유지하는 일대일 포트를 구현했습니다.
자세히 알아보기
WebAssembly 및 WebCodecs를 사용하여 애플리케이션을 웹으로 가져오는 방법을 알아보세요.
