PWA、WebAssembly、ChromeOS は、ウェブベースの動画エディタでパフォーマンスを向上させ、1,200 万人のユーザーに魅力的なエクスペリエンスを提供するのに役立っています。
97%
PWA インストール数の増加(月単位)
2.3 x
掲載結果の向上
9%
PWA ユーザーの維持率が向上
Clipchamp はブラウザ内のオンライン 動画エディタで、誰でも動画で共有する価値のあるストーリーを伝えることができます。世界中の 1, 200 万人以上のクリエイターが Clipchamp を使って動画を簡単に編集していますGoogle は、切り抜きやカットなどの直感的なツールから、スクリーン レコーダーなどの実用的な機能、さらにはミームメーカーまで、動画作成のためのシンプルなソリューションを提供しています。
Clipchamp の利用者
Google のユーザー(またはいわゆる日常的な編集者)は多種多様です。Clipchamp の動画編集者になるのに専門知識は必要ありません。具体的には、現在、営業、サポート トレーニング、プロダクト マーケティング チームがウェブカメラとスクリーン レコーダーを使用して、テキストと GIF を追加して魅力的な説明コンテンツを配信しています。また、多くの小規模ビジネスが移動中にソーシャル動画を編集、投稿していることも観察されています。
どのような課題に直面するか?
動画編集は、最初は躊躇するかもしれません。難しいのは、おそらくこれまで複雑な編集ソフトウェアに対する不満があったからだ、という前提です。一方、Clipchamp は使いやすさとシンプルさを重視しており、テキスト オーバーレイ、ストック動画や音楽、テンプレートなどをサポートしています。
日常の編集者の多くは、最高の作品を制作したくありません。Google はユーザーと頻繁にやり取りしますが、ユーザーは多忙で、自分のストーリーをできるだけ早く世界に広めたいと思っているため、Google ではこの点に重点を置いています。
Clipchamp PWA の開発
Clipchamp は、ユーザーが動画を通じてストーリーを伝えられるよう支援することを目指しています。このビジョンを実現するには、動画プロジェクトを作成する際にユーザーが独自の映像を使用できるようにすることが重要であるとすぐに認識しました。
この分析情報により、Clipchamp のエンジニアリング チームは、ウェブ アプリケーションでギガバイト規模のメディア ファイルを効率的に処理できるテクノロジーの考案に迫られました。ネットワーク帯域幅の制約を考慮し、従来のクラウドベースのソリューションはすぐに除外しました。小売店のインターネット接続から大きなメディア ファイルをアップロードすると、編集が始まるまでに膨大な待ち時間が発生し、ユーザー エクスペリエンスが悪くなってしまいます。
そのため、完全なブラウザ内ソリューションに切り替えました。つまり、エンドユーザーのデバイスで利用可能なハードウェア リソースを使用して、動画処理の「手間のかかる作業」をすべてローカルで行いました。ブラウザ内動画制作プラットフォームの構築という避けられない課題を克服するために、Chrome ブラウザ、ひいては ChromeOS プラットフォームに戦略的に賭けることにしました。
動画処理はリソースを大量に消費するため、コンピュータ リソースとストレージ リソースに同じように影響を及ぼします。Google は、Google の(ポータブル)ネイティブ クライアント(PNaCl)上に Clipchamp の最初のバージョンの構築を開始しました。PNaCl は最終的には廃止されましたが、エンドユーザーのハードウェア上でウェブアプリを高速かつ低レイテンシで実行できることを、PNaCl が確認できました。
後に WebAssembly に切り替えたとき、一括メモリ オペレーション、スレッド化、そして最新の固定幅ベクトル演算など、MVP 後の機能を Chrome がリードして取り組んだことをうれしく思います。後者は、Google のエンジニアリング チームが熱心に待ち望んでいた、動画処理スタックを最適化して、最新の CPU で一般的な SIMD 演算を活用できるようにします。Chrome の WebAssembly SIMD サポートを活用することで、4K 動画のデコードや動画のエンコードといった特に要求の厳しいワークロードを高速化することができました。
事前の経験はほとんどなく、エンジニアが 1 か月足らずで取り組み、パフォーマンスを 2.3 倍向上させることができました。まだ Chrome オリジン トライアルに限定されていますが、これらの SIMD 拡張機能はすでに大部分のユーザーに展開できました。ユーザーは大きく異なるハードウェア設定を実行していますが、障害率に悪影響を及ぼすことなく、本番環境でパフォーマンスが一致していることを確認できました。
最近では、新しい WebCodecs API を統合しました。現在は、別の Chrome オリジン トライアルで利用可能です。この新機能を使用すると、多くの一般的な Chromebook に搭載されている低スペックのハードウェアでの動画デコードのパフォーマンスをさらに向上させることができます。
PWA を作成したら、その導入を促進することが重要です。多くのウェブアプリと同様に、Google もアクセスのしやすさを重視しています。たとえば、Google などのソーシャル ログイン、動画編集ができる場所にユーザーをすぐ移動させ、動画を簡単にエクスポートできるようにするなどです。また、PWA インストール プロンプトをツールバーとメニュー ナビゲーションにポップアップ通知として表示しました。
結果
インストール可能な Chrome PWA は非常にうまく機能しています。ありがたいことに、PWA ユーザーの維持率は、標準のデスクトップ ユーザーよりも 9% 高くなっています。PWA のインストールは大幅に増加し、5 か月前にリリースされて以来、月あたり 97% の割合で増加しました。また前述したように、WebAssembly SIMD の機能強化によりパフォーマンスが 2.3 倍向上しました。
予定
PWA のエンゲージメントと導入には、嬉しい驚きがあります。PWA がインストールされ、使いやすくなったことで、Clipchamp のユーザー維持率の向上に寄与したと考えています。また、この PWA はエディタでも優れたパフォーマンスを発揮するため、ユーザーを引き付け、繰り返し利用してもらうことにもつながりました。
将来的には、ChromeOS により、より多くのユーザーが簡単により多くの作業をこなせるようになることを期待しています。特に、ファイル作業時にローカル OS と簡単に統合できる機能をいくつか追加しました。これは、多忙な日常の編集者のワークフローの迅速化に役立つことであり、Google の最優先事項の一つです。