웹 기반 동영상 편집기가 PWA, WebAssembly, ChromeOS를 통해 1,200만 명의 사용자에게 우수한 성능과 몰입도 높은 환경을 제공하는 방법
97%
월간 PWA 설치 수 증가
2.3x
실적 개선
9%
PWA 사용자 유지율 증가
Clipchamp는 누구나 동영상을 통해 공유할 가치가 있는 스토리를 전달할 수 있는 브라우저 내 온라인 동영상 편집기입니다. 전 세계에서 1, 200만 명이 넘는 크리에이터가 Clipchamp를 사용하여 쉽게 동영상을 편집하고 있습니다 자르기 및 자르기와 같은 직관적인 도구부터 화면 녹화기와 같은 실용적인 기능, 밈 만들기에 이르기까지 동영상 제작을 위한 간단한 솔루션을 제공합니다.
누가 Clipchamp를 사용하나요?
Google 사용자 (또는 일상적인 편집자라고도 함)는 다양합니다. Clipchamp를 사용하는 동영상 편집기는 전문 지식이 필요하지 않습니다. 특히 현재 영업, 지원 교육, 제품 마케팅팀에서 웹캠과 화면 녹화를 통해 텍스트 및 GIF를 추가하여 관심을 끌 수 있는 간단한 설명 콘텐츠를 제공하고 있습니다. 또한 많은 중소기업이 이동 중에 소셜 동영상을 편집하고 게시하는 것을 관찰하고 있습니다.
직면한 문제는 무엇인가요?
처음에는 동영상 편집이 부담스러울 수 있습니다. 이 가정은 이전에 복잡한 편집 소프트웨어로 인해 불편했던 경험이 있었기 때문일 것입니다. 반면 Clipchamp는 텍스트 오버레이, 스톡 동영상 및 음악, 템플릿 등을 지원하면서 편의성과 단순성에 중점을 둡니다.
평범한 편집자들은 대부분 영화 걸작을 만들고 싶어 하지 않습니다. Google은 사용자와 많은 대화를 나누며 사용자가 바쁘고 자신의 스토리를 최대한 빠르고 쉽게 세상에 알리고 싶다는 것을 지속적으로 상기시켜 주기 때문에 이를 중점적으로 다룹니다.
Clipchamp PWA 개발
Clipchamp에서는 사람들이 동영상을 통해 자신의 이야기를 나눌 수 있도록 힘을 실어주는 것을 가장 중요하게 생각합니다. 이 비전을 실현하기 위해 Google은 사용자가 동영상 프로젝트를 만들 때 자신의 영상을 사용할 수 있도록 하는 것이 중요하다는 것을 곧 깨달았습니다.
이러한 통찰력으로 인해 Clipchamp 엔지니어링팀은 웹 애플리케이션에서 기가바이트 규모의 미디어 파일을 효율적으로 처리할 수 있는 기술을 개발해야 했습니다. 네트워크 대역폭의 제약을 염두에 두고 기존의 클라우드 기반 솔루션은 쉽게 배제할 수 있었습니다. 소매 인터넷 연결에서 대용량 미디어 파일을 업로드하면 수정을 시작하기까지 대기 시간이 길어져 결과적으로 사용자 환경이 저하됩니다.
따라서 동영상 처리와 관련된 모든 '번거로운' 작업이 최종 사용자의 기기에서 사용할 수 있는 하드웨어 리소스를 사용하여 로컬에서 수행되는 완전 브라우저 내 솔루션으로 전환했습니다. Google은 브라우저 내 동영상 제작 플랫폼을 구축하는 데 있어 불가피한 문제를 극복할 수 있도록 Chrome 브라우저뿐 아니라 ChromeOS 플랫폼에도 전략적으로 투자하고 있습니다.
동영상 처리에는 엄청난 리소스가 부족하여 컴퓨터와 저장소 리소스 모두에 영향을 미칩니다. 우리는 Google의 (휴대용) Native Client (PNaCl) 위에 첫 번째 버전의 Clipchamp를 빌드하기 시작했습니다. 결국 단계적으로 지원이 중단되는 동안, PNaCl은 웹 앱이 최종 사용자 하드웨어에서 계속 실행되면서 빠르고 지연 시간이 짧을 수 있다는 것을 팀에 잘 입증해 주었습니다.
나중에 WebAssembly로 전환했을 때 Chrome이 대량 메모리 작업, 스레딩, 그리고 가장 최근에는 고정 너비 벡터 작업 등 MVP 이후 기능을 통합하는 데 앞장서고 있다는 것을 알게 되었습니다. 후자는 Google 엔지니어링팀에서 동영상 처리 스택을 최적화하여 최신 CPU에서 흔히 사용되는 SIMD 연산을 활용할 수 있게 해줄 것으로 기대하고 있습니다. Chrome의 WebAssembly SIMD 지원을 활용하여 4K 동영상 디코딩 및 동영상 인코딩과 같이 특별히 까다로운 작업 부하의 속도를 높일 수 있었습니다.
사전 경험이 거의 없고 엔지니어 중 한 명이 1개월도 안 되는 노력으로 성과를 2.3배 개선할 수 있었습니다. 여전히 Chrome 오리진 트라이얼로 제한되지만, 우리는 이미 대다수의 사용자에게 이러한 SIMD 개선사항을 출시할 수 있었습니다. 사용자가 완전히 다른 하드웨어 설정을 실행하는 동안 실패율에 부정적인 영향을 주지 않고 프로덕션에서 일치하는 성능이 향상되었음을 확인할 수 있었습니다.
최근에는 현재 또 다른 Chrome 오리진 트라이얼에서 사용할 수 있는 새로운 WebCodecs API를 통합했습니다. 이 새로운 기능을 통해 인기 있는 여러 Chromebook에서 볼 수 있는 저사양 하드웨어에서 동영상 디코딩 성능을 더욱 개선할 수 있습니다.
PWA를 만들었으면 PWA의 채택을 유도하는 것이 중요합니다. 많은 웹 앱과 마찬가지로 Google은 소셜 로그인과 같은 액세스 편의성에 중점을 두어 사용자가 동영상을 수정할 수 있는 곳으로 빠르게 이동시키고 동영상을 쉽게 내보낼 수 있도록 했습니다. 또한 툴바에 PWA 설치 메시지를 표시하고 메뉴 탐색 메뉴에 팝업 알림으로 홍보했습니다.
결과
설치 가능한 Chrome PWA는 매우 우수한 실적을 거두고 있습니다. 표준 데스크톱 사용자보다 PWA 사용자의 유지율이 9% 더 높은 것을 매우 기쁘게 생각합니다. PWA의 설치는 엄청나게 많아져 5개월 전에 출시한 이래로 매월 97% 씩 증가하고 있습니다. 또한 앞서 언급했듯이 WebAssembly SIMD 향상으로 성능이 2.3배 향상되었습니다.
향후 일정
우리는 PWA의 참여와 활용에 깜짝 놀랐습니다. PWA가 설치되어 있고 더 쉽게 이용할 수 있기 때문에 Clipchamp 사용자 유지에 많은 이점이 있다고 생각합니다. 또한 PWA가 편집기 측면에서 더 나은 성능을 발휘하는 것으로 확인되었습니다. 따라서 PWA가 더 매력적이고 사용자의 재방문을 유도합니다.
앞으로 더 많은 사용자가 부담 없이 더 많은 작업을 할 수 있도록 ChromeOS를 통해 더 많은 작업을 할 수 있게 되어 매우 기쁩니다. 특히 파일 작업 시 로컬 OS와의 편리한 통합에 큰 관심이 있습니다. 이는 바쁜 일상 편집자의 워크플로 속도를 높이는 데 도움이 될 것이며, 이는 Google에서 가장 중요하게 여기는 과제 중 하나입니다.