Clipchamp 视频编辑器 PWA 安装量月增长 97%

了解 PWA、WebAssembly 和 ChromeOS 如何帮助这款基于 Web 的视频编辑器为 1200 万用户提供更出色的性能和更具吸引力的体验。

Sören Balko

97%

PWA 安装量月增长

2.3倍

性能提升

9%

PWA 用户留存率更高

Clipchamp 是一款基于浏览器的在线视频编辑器，旨在帮助所有人通过视频讲述值得分享的故事。在全球范围内，超过 1200 万创作者使用 Clipchamp 轻松编辑视频。我们提供简单的视频制作解决方案，从裁剪和修剪等直观工具，到屏幕录像机等实用功能，甚至还提供表情包制作工具。

谁在使用 Clipchamp？

我们的用户（我们称之为日常编辑者）是多元化的。使用 Clipchamp 进行视频编辑无需专业知识。具体而言，我们目前注意到销售、支持培训和产品营销团队正在使用我们的网络摄像头和屏幕录像机来制作快速讲解内容，并添加文本和 GIF 以使其更具吸引力。我们还观察到许多小型企业在移动中编辑和发布社交视频。

他们面临哪些挑战？

我们认识到，视频编辑起初可能会让人感到畏惧。人们通常认为视频编辑很难，可能是因为之前使用复杂的编辑软件有过令人沮丧的经历。相比之下，Clipchamp 专注于便捷和简单，通过文本叠加、素材视频和音乐、模板等提供支持。

我们发现大多数日常编辑者并不想创作电影杰作。我们经常与用户沟通，并不断被提醒他们都很忙，只想尽快、尽可能轻松地将他们的故事传达给世界，因此这是我们的关注重点。

开发 Clipchamp PWA

在 Clipchamp，我们始终致力于帮助人们通过视频讲述他们的故事。为了实现这一愿景，我们很快意识到，允许用户在使用自己的素材制作视频项目时使用这些素材非常重要。

这一洞察促使 Clipchamp 的工程团队想出一种技术，可以在 Web 应用程序中高效处理千兆字节级媒体文件。考虑到网络带宽的限制，我们很快排除了传统的基于云的解决方案。从零售互联网连接上传大型媒体文件不可避免地会引入大量的等待时间，然后才能开始编辑，这实际上会导致糟糕的用户体验。

这促使我们转向完全基于浏览器的解决方案，在这种解决方案中，视频处理的所有“繁重工作”都在本地完成，利用最终用户设备上可用的硬件资源。我们战略性地押注 Chrome 浏览器，并扩展到 ChromeOS 平台，以帮助我们克服构建基于浏览器的视频创作平台不可避免的挑战。

视频处理非常消耗资源，会影响计算机和存储资源。我们最初是在 Google 的 (Portable) Native Client (PNaCl) 之上构建了 Clipchamp 的第一个版本。虽然 PNaCl 最终被淘汰，但它对我们的团队来说是一个很好的肯定，它证明 Web 应用程序可以快速且低延迟，同时仍然可以在最终用户硬件上运行。

在后来切换到 WebAssembly 时，我们很高兴看到 Chrome 在率先整合 MVP 后的功能，例如批量内存操作、线程以及最近的：定宽向量操作。后者一直受到我们工程团队的热切期待，它使我们能够优化视频处理堆栈，以利用当代 CPU 上普遍存在的 SIMD 操作。利用 Chrome 的 WebAssembly SIMD 支持，我们能够加速一些特别苛刻的工作负载，例如 4K 视频解码和视频编码。

Encoder performance (1080p, 8.33 sec @ 30 fps). Default preset without SIMD: 25 seconds. Default preset with SIMD: ~13 seconds. Compression preset without SIMD: ~83 seconds. Compression preset with SIMD: ~33 seconds. Quality preset (new!) without SIMD: ~75 seconds. Quality preset with SIMD: ~30 seconds.

凭借很少的经验，并且仅用我们一位工程师不到一个月的时间，我们就设法将性能提高了 2.3 倍。虽然仍然仅限于 Chrome Origin Trial，但我们已经能够将这些 SIMD 增强功能推广到我们的大多数用户。虽然我们的用户运行着截然不同的硬件设置，但我们能够确认生产环境中也实现了匹配的性能提升，而没有看到故障率出现任何不利影响。

最近，我们集成了新兴的 WebCodecs API，目前在另一个 Chrome Origin Trial 下提供。利用这项新功能，我们将能够进一步提高许多流行的 Chromebook 中常见的低规格硬件上的视频解码性能。

创建 PWA 后，鼓励用户采用它非常重要。与许多 Web 应用程序一样，我们专注于易于访问，其中包括诸如包括 Google 在内的社交登录，快速让用户进入他们可以编辑视频的位置，然后轻松导出视频。此外，我们在工具栏中以及菜单导航中的弹出通知中宣传了我们的 PWA 安装提示。

结果

我们的可安装 Chrome PWA 表现非常出色。我们很高兴看到 PWA 用户的留存率比我们的标准桌面用户高出 9%。PWA 的安装量非常巨大，自五个多月前推出以来，每月增长率高达 97%。而且，如前所述，WebAssembly SIMD 增强功能将性能提高了 2.3 倍。

June 2020: ~1K installs. July 2020: ~5K installs. August 2020: ~12K installs. September 2020: ~20K installs. October 2020: ~30K installs.
过去 6 个月 Clipchamp PWA 安装量。

未来

我们对 PWA 的参与度和接受度感到惊喜。我们认为 Clipchamp 用户留存率的提高受益于 PWA 的安装和更易于访问。我们还注意到 PWA 为编辑器提供了更好的性能，这使其更具吸引力并使人们不断回头使用。

展望未来，我们对 ChromeOS 为更多用户提供更多机会，让他们能够以更少的麻烦完成更多工作感到兴奋。具体而言，我们对与本地操作系统在文件处理方面的某些便捷集成感到兴奋。我们认为这将有助于加快我们繁忙的日常编辑者的工作流程，这也是我们的首要任务之一。