WebGPU와 WASM으로 브라우저에서 전문가급 영상 편집이 가능해졌다

설치 없이 브라우저에서 영상 편집을

영상 편집이라고 하면 Adobe Premiere Pro나 DaVinci Resolve 같은 무거운 네이티브 앱을 떠올리기 마련입니다. 수 기가바이트의 설치 용량, 고사양 하드웨어 요구사항, 그리고 적지 않은 구독료까지. 간단한 영상 하나 편집하려고 해도 진입 장벽이 꽤 높죠. 이런 상황에서 Tooscut이라는 프로젝트가 눈에 띕니다. 이 도구는 별도 설치 없이 웹 브라우저에서 바로 전문가 수준의 영상 편집을 할 수 있게 해줍니다. 핵심 기술은 WebGPU와 WebAssembly(WASM)입니다.

WebGPU가 뭐길래

먼저 WebGPU에 대해 짚고 넘어가겠습니다. 기존에 브라우저에서 GPU를 활용하려면 WebGL을 써야 했습니다. WebGL은 OpenGL ES를 기반으로 한 API로, 2011년부터 지원되어 왔습니다. 3D 렌더링에는 잘 동작하지만, 범용 GPU 컴퓨팅(GPGPU)에는 적합하지 않고, 최신 GPU 하드웨어의 기능을 충분히 활용하지 못한다는 한계가 있었습니다.

WebGPU는 이를 근본적으로 바꿉니다. Vulkan, Metal, DirectX 12 같은 최신 그래픽 API를 추상화한 것으로, 렌더링뿐 아니라 컴퓨트 셰이더(Compute Shader)를 통한 범용 병렬 연산을 브라우저에서 직접 수행할 수 있습니다. 영상 편집에서 가장 GPU 연산이 많이 필요한 작업인 색보정, 트랜지션 효과, 실시간 프리뷰 렌더링 등을 네이티브에 근접한 성능으로 처리할 수 있게 되는 것이죠.

Chrome은 2023년부터 WebGPU를 정식 지원하기 시작했고, Firefox와 Safari도 점진적으로 지원을 확대하고 있습니다. 아직 모든 브라우저에서 완벽하게 동작하지는 않지만, 기술적 방향은 명확합니다.

WASM이 가져온 성능 혁신

WebAssembly는 또 다른 핵심 축입니다. JavaScript는 인터프리터 언어의 특성상, 영상 디코딩이나 인코딩 같은 CPU 집약적 작업에서 성능 한계가 뚜렷합니다. WASM은 C, C++, Rust 등으로 작성된 코드를 브라우저에서 네이티브에 가까운 속도로 실행할 수 있게 해주는 바이너리 포맷입니다.

Tooscut 같은 프로젝트에서 WASM의 역할은 결정적입니다. 영상 파일의 디코딩(H.264, H.265, VP9 등 다양한 코덱 처리), 오디오 처리, 타임라인 연산 등을 JavaScript가 아닌 컴파일된 네이티브 코드로 처리하기 때문에, "브라우저 앱이라서 느리다"는 편견을 깨는 수준의 성능을 낼 수 있습니다. 특히 FFmpeg을 WASM으로 컴파일해서 사용하는 방식이 이미 여러 프로젝트에서 검증되었고, 이를 통해 거의 모든 영상 포맷을 브라우저 안에서 처리할 수 있습니다.

기존 브라우저 영상 편집 도구와의 차이

브라우저 기반 영상 편집이 완전히 새로운 건 아닙니다. Clipchamp(현재 Microsoft 소유), Kapwing, Canva의 영상 편집 기능 등이 이미 있죠. 하지만 이들 대부분은 서버사이드에서 렌더링을 처리하거나, 클라이언트에서는 간단한 편집만 지원하는 형태입니다. 복잡한 효과를 적용하려면 서버에 영상을 업로드해야 하고, 렌더링 결과를 받아오는 데 시간이 걸립니다.

Tooscut의 접근은 다릅니다. WebGPU와 WASM을 활용해 모든 처리를 클라이언트 사이드에서 수행합니다. 영상 파일이 서버로 전송되지 않으므로 프라이버시 측면에서도 유리하고, 네트워크 상태에 관계없이 작업할 수 있습니다. 이론적으로는 오프라인에서도 (PWA로 설치하면) 편집이 가능해지는 것이죠.

물론 제약도 있습니다. WebGPU는 아직 Safari에서 완전히 지원되지 않아 iOS에서의 활용이 제한적이고, 브라우저의 메모리 제한으로 인해 매우 긴 영상이나 4K 이상 고해상도 소스의 처리에는 네이티브 앱 대비 불리할 수 있습니다. 또한 시스템 리소스 접근 권한이 네이티브보다 제한적이어서, 외부 하드웨어(캡처 카드, 외장 스토리지 등)와의 연동도 어렵습니다.

웹 기술의 경계가 계속 확장되고 있다

큰 그림에서 보면, Tooscut 같은 프로젝트는 "웹 앱이 네이티브 앱을 대체할 수 있는가"라는 오래된 질문에 또 하나의 사례를 추가합니다. Figma가 디자인 도구 시장에서 네이티브 앱들을 제쳤고, Google Docs가 오피스 시장을 재편한 것처럼, 영상 편집 영역에서도 같은 일이 일어날 수 있을지 주목됩니다.

한국 개발자 관점에서, WebGPU와 WASM 조합은 앞으로 확실히 공부해둘 가치가 있는 기술 스택입니다. 영상 편집뿐 아니라 브라우저 기반 3D 뷰어, 실시간 데이터 시각화, 심지어 브라우저에서의 ML 추론까지, 응용 범위가 매우 넓기 때문입니다. 프론트엔드 개발자라면 WebGPU의 컴퓨트 셰이더와 WGSL(WebGPU Shading Language)을, 시스템 프로그래밍에 관심 있다면 Rust + WASM 조합을 살펴보시길 추천합니다.