Clipchamp の動画エディタ PWA のインストール数は月間 97% 増加

PWA、WebAssembly、ChromeOS が、ウェブベースの動画エディタが 1,200 万人のユーザーに優れたパフォーマンスと魅力的なエクスペリエンスを提供できるようにしている方法。

Sören Balko
Sören Balko

97%

PWA インストール数の月次成長率

2.3x

掲載結果の向上

9%

PWA ユーザーの維持率の向上

Clipchamp は、誰でも動画を通じて共有する価値のあるストーリーを伝えることができる、ブラウザ内オンライン 動画エディタです。世界中で 1, 200 万人以上のクリエイターが Clipchamp を使用して動画を簡単に編集しています。Google では、切り抜きやカットなどの直感的なツールから、画面レコーダーなどの実用的な機能、さらにはミームの作成ツールまで、動画作成のためのシンプルなソリューションを提供しています。

Clipchamp を使用するユーザー

ユーザー(Google では「日常的な編集者」と呼んでいます)は多様です。Clipchamp で動画エディタになるために専門知識は必要ありません。具体的には、現在、営業、サポート トレーニング、プロダクト マーケティングの各チームが、Google のウェブカメラと画面録画機能を使用して、テキストや GIF を追加した簡単な説明コンテンツを作成して、魅力的なコンテンツに仕上げています。また、多くの小規模ビジネスが外出先でソーシャル動画を編集して投稿していることも確認されています。

直面している課題は何か

動画編集は最初は難しいと感じられるかもしれませんが、複雑な編集ソフトウェアの使用で不満を感じた経験があるため、難しいと思われているようです。一方、Clipchamp は使いやすさとシンプルさに重点を置いており、テキスト オーバーレイ、ストック動画や音楽、テンプレートなどをサポートしています。

ほとんどの日常的な編集者は、映画の傑作を作成したいとは考えていません。YouTube はユーザーと頻繁に話し合い、ユーザーは忙しく、できるだけ迅速かつ簡単に自分のストーリーを世界に伝えたいと常に考えていることを認識しています。そのため、YouTube はこれに重点を置いています。

Clipchamp PWA の開発

Clipchamp は、ユーザーが動画を通じて自分のストーリーを伝えられるようにすることを目的としています。このビジョンを実現するために、動画プロジェクトの作成時にユーザーが自分の映像を使用できるようにすることが重要であることにすぐに気づきました。

この分析情報により、Clipchamp のエンジニアリング チームは、ウェブ アプリケーションでギガバイト規模のメディア ファイルを効率的に処理できる技術を開発する必要に迫られました。ネットワーク帯域幅の制約を考慮し、従来のクラウドベースのソリューションはすぐに除外しました。小売店のインターネット接続から大規模なメディア ファイルをアップロードすると、編集を開始するまでに長時間待機することになり、ユーザー エクスペリエンスが損なわれます。

そのため、Google は完全にブラウザ内ソリューションに切り替えました。このソリューションでは、動画処理のすべての「重い処理」が、エンドユーザーのデバイスで利用可能なハードウェア リソースを使用してローカルで実行されます。YouTube は、ブラウザ内動画作成プラットフォームを構築する際に避けられない課題を克服するために、戦略的に Chrome ブラウザと、それに伴い ChromeOS プラットフォームに賭けています。

動画処理はリソースを大量に消費するため、コンピュータとストレージのリソースに影響します。最初は、Google の(ポータブル)ネイティブ クライアント(PNaCl)上に Clipchamp の最初のバージョンを構築しました。PNaCl は最終的に段階的に廃止されましたが、エンドユーザーのハードウェアで実行しながら、ウェブアプリを高速かつ低レイテンシにできることを Google のチームが確認できたのは大きな成果でした。

その後、WebAssembly に移行する際に、Chrome が MVP 後の機能(一括メモリ操作、スレッド処理、最近では固定幅ベクトル演算など)の統合をリードしていることを嬉しく思います。後者は、Google のエンジニアリング チームが熱望していたもので、最新の CPU で一般的な SIMD オペレーションを活用するように動画処理スタックを最適化できます。Chrome の WebAssembly SIMD サポートを利用することで、4K 動画のデコードや動画エンコードなど、特に負荷の高いワークロードを高速化できました。