WebAssembly와 WebCodecs를 사용해 완전한 기능을 갖춘 웹 앱을 빌드하여 자연 트래픽을 83% 늘린 CapCut

2023년 Android에서 가장 많이 다운로드된 앱 10개 중 하나로, CapCut은 가장 인기 있는 동영상 편집 앱 중 하나입니다. 있습니다. 또한 완전히 무료입니다. 올인원 동영상 편집 도구는 음성 텍스트 변환, 이미지 업스케일링 등 다양한 효과와 편집 기능을 사용하면 미디어 라이브러리를 제공하여 사용자가 고품질 콘텐츠를 빠르고 부드럽게 동영상과 그래픽을 구현해 낼 수 있습니다. CapCut 사용자가 원하는 소셜 미디어 플랫폼에 게시하기만 하면 TikTok, YouTube, Instagram, Facebook 등 클릭 한 번으로 파악할 수 있습니다

CapCut은 사용자가 다양한 콘텐츠를 즐길 수 있도록 지원하여 사용자에게 자신만의 방식으로 콘텐츠를 제작할 수 있었습니다. 최근 CapCut 팀은 데스크톱 사용자를 위한 고급 웹 애플리케이션을 개발하여 있습니다. CapCut Online은 사용자 친화적 인터페이스를 통해 개인 및 비즈니스 사용자 모두에게 유용한 실용적인 기능을 제공하기 때문에 콘텐츠 제작 및 팀 간 공동작업 이 업데이트를 통해 사용자는 강력한 동영상 편집 소프트웨어를 원하는 브라우저에서 바로 업로드할 수 있으며 보다 편리하고 유연한 편집 환경을 제공합니다.

진입 장벽을 낮춘 웹 앱

CapCut은 웹 애플리케이션을 출시하여 사용자에게 기존 Android 및 iOS 모바일 앱에 추가하여 동영상 편집 플랫폼 서비스를 제공합니다. 더 많은 진입점을 제공하면 사용자가 가장 적합한 플랫폼을 선택할 수 있습니다. Google Play 스토어에서 모바일 앱을 다운로드하거나 즐겨 사용하는 브라우저를 통해 웹 애플리케이션으로 설치하거나 브라우저 탭에서 바로 이동할 수 있습니다 팀은 데스크톱 앱이 있고 사용자 유지율이 증가하고 전반적인 환경이 개선될 수 있습니다. 개선할 수 있습니다.

여러 개발자들이 이용할 수 있는 여러 가지 기술 덕분에 CapCut은 플랫폼별 모바일 애플리케이션을 강력한 웹 버전입니다. WebAssembly와 같은 웹 플랫폼 기술은 개발자들로부터 큰 인기를 얻었으며, 덕분에 강력한 웹 앱을 훨씬 더 빠르게 만들 수 있습니다. 대부분의 CapCut 편집은 엔진은 C++로 작성되었지만, 개발자는 Emscripten을 사용하여 애플리케이션을 데스크톱 웹 버전으로 변환할 수 있습니다

CapCut의 James Williams는 다음과 같이 말합니다. "우리는 WebAssembly와 WebCodecs를 사용하여 기본 코드베이스에서 웹으로 중요한 기능을 효율적으로 포팅했습니다.
또는 성능이나 기능을
사용하지 않을 수 있습니다

WebAssembly

CapCut 개발자는 WebAssembly를 사용하여 웹 애플리케이션 새로운 웹 애플리케이션에 배포할 수 있었습니다. Emscripten C 및 C++ 코드를 WebAssembly로 컴파일하는 강력한 지원을 통해 CapCut은 플랫폼별 앱과 웹 앱 간에 코드를 효율적으로 공유하여 포팅할 수 있습니다. CapCut의 가장 중요한 기능 중 일부를 새 플랫폼에 맞춤 동영상 효과와 동영상 편집 기능을 제공합니다

CapCut에는 브라우저에서 알고리즘을 실행하는 다양한 특수 효과가 있으며, 병목 현상과 같은 문제가 있을 수 있습니다. 감사합니다. 단일 명령, 다중 명령이라고 하는 WebAssemly의 병렬 처리 함수 데이터 (SIMD), CapCut 개발자 비 SIMD와 비교했을 때 앱의 처리 성능이 거의 300% 향상됨 병목 현상 발생을 더 잘 방지할 수 있습니다.

예외 처리 (EH)는 C++의 기본 기능 중 하나이지만 Emscripten의 EH가 불완전했습니다. Emscripten은 일련의 EH 메커니즘을 제공합니다. 기반으로 앱의 런타임 성능에 부정적인 영향을 미치고 패키지 크기 WebAssembly의 EH 표준은 이 문제를 우회합니다. 다음으로 전환 중 EH용 WebAssembly CapCut 웹 앱의 패키지 크기를 15% 줄이고 코드의 품질은 성능이 우수합니다

WebCodecs

동영상 편집의 경우 CapCut은 사용자가 입력하는 동영상을 이미지로 디코딩해야 합니다. 동영상 미리보기 아래의 편집 캔버스에 표시합니다. SIMD 최적화 디코더, 4K 이미지를 편집 캔버스로 디코딩하는 수십 밀리초가 소요되므로 동영상의 여러 트랙을 동시에 사용하려면 막대한 전력이 필요합니다.

사용 WebCodecs, CapCut은 하드웨어 가속 인코딩 및 디코딩을 통합하여 오디오를 개선합니다. 동영상 처리 속도가 약 300% 증가했습니다. 크게 개선된 CapCut은 여러 개의 동시 4K 스트림을 지원합니다. 또한 WebCodecs는 H264, HEVC, VP8, VP9, 사용할 수 있습니다

CapCut 앱 통계: 100만 개 이상의 템플릿이 CapCut의 웹 앱으로 전송되었습니다. 처리 성능이 최대 300% 향상됩니다. 지원되는 동영상 형식 40% 증가

웹 애플리케이션의 모든 기능 활용

CapCut 팀은 플랫폼별 애플리케이션을 2022년 초 그해 8월, CapCut은 웹 기반 버전의 앱에 적합합니다. 프로그레시브 웹 앱 (PWA) 사용 기술, CapCut 사용 브라우저에서 직접 설치하지 않습니다. 새로운 웹 출시 후 앱에서 검색엔진 최적화를 83% 개선한 CapCut 팀은 자세히 알아볼 수 있습니다.

CapCut 앱을 설치합니다.

CapCut을 웹으로 출시한 덕분에 개발자는 사용자 강력한 Google 기능을 애플리케이션과 결합하여 사용자 환경을 개선할 수 있습니다. 출시 한 달 만에 많은 사용자가 Google 원탭 로그인 기능을 제공하여 로그인 프로세스를 간소화했습니다. 기존 Google 사용자 인증 정보를 사용할 수 있습니다.

웹을 통한 가능성 확장

웹에서 CapCut을 사용할 수 있게 되면서 수백만 명의 사용자에게 새로운 가능성이 생겼습니다. 소프트웨어에 액세스할 수 있는 더 많은 방법을 제공합니다. WebAssembly 덕분에 WebCodecs 및 고급 구축에 사용할 수 있는 기타 최신 웹 기술 웹 앱에서 CapCut 개발자들은 앱의 모든 성능과 성능을 유지했습니다.

자세히 알아보기

다음을 사용하여 애플리케이션을 웹으로 가져오는 방법을 알아보세요. WebAssemblyWebCodecs

CapCut 동영상 편집기