CapCut 是 2023 年 Android 平台上下载量排名前 10 的应用之一，也是移动设备上最受欢迎的视频编辑应用之一。而且完全免费。这款多合一视频编辑工具提供众多效果和编辑功能（例如语音转文字和图片放大），以及丰富的媒体库，可帮助用户快速顺畅地制作高品质视频和图形。CapCut 用户制作完内容后，只需点击一下，即可将其发布到所选的社交媒体平台，包括 TikTok、YouTube、Instagram 和 Facebook。
CapCut 专注于为用户提供出色的体验，让他们能够按照自己的方式创作内容。最近，CapCut 团队投入了大量精力，为桌面用户开发了一款先进的 Web 应用，以提升用户体验。在线版 CapCut 具有人性化的界面，为个人用户和企业用户提供实用功能，让用户更轻松地制作内容并跨团队协作。此次更新让用户可以直接通过首选浏览器访问强大的视频编辑软件，从而获得更便捷、更灵活的编辑体验。
Web 应用降低了进入门槛
CapCut 推出了 Web 应用，为用户提供了更多访问其视频编辑平台的方式，除了现有的 Android 和 iOS 移动应用之外，用户还可以通过 Web 应用使用该平台。提供更多入口点可让用户选择最适合自己的平台，无论是从 Google Play 商店下载移动应用，通过喜爱的浏览器将其安装为 Web 应用，还是直接在浏览器标签页中使用该应用。该团队认为，如果推出一个既可在浏览器中运行的桌面应用，可能会提高留存率并提升用户的整体满意度。
得益于面向开发者的一系列技术，CapCut 能够轻松地将其平台专用移动应用转换为功能同样强大的 Web 版本。在过去几年里，WebAssembly 等 Web 平台技术在开发者中广受欢迎，让他们能够比以往更快地构建强大的 Web 应用。由于 CapCut 的大部分编辑引擎都是用 C++ 编写的，因此其开发者可以使用 Emscripten 将应用移植到桌面版 Web 版本。
WebAssembly
借助 WebAssembly，CapCut 开发者成功将超过 100 万个视频和图形模板转移到新的 Web 应用。借助 Emscripten 对将 C 和 C++ 代码编译为 WebAssembly 的强大支持，CapCut 能够在平台专用应用和 Web 应用之间高效共享代码，从而帮助他们将 CapCut 的一些最重要的功能（包括自定义视频效果和视频编辑）移植到新平台。
CapCut 中的许多特效都会在浏览器中运行算法，这可能会导致实时处理期间视频渲染出现瓶颈。得益于 WebAssembly 的并行处理函数（称为单指令流多数据流 [SIMD]），与非 SIMD 解决方案相比，CapCut 开发者将应用的处理性能提高了近 300%，更好地防止了瓶颈的出现。
异常处理 (EH) 是 C++ 的基本功能之一，但 Emscripten 中对 EH 的支持并不完善。Emscripten 提供了一组基于 JavaScript 的 EH 机制，但这些机制可能会对应用的运行时性能产生负面影响，并增加其软件包大小。WebAssembly 的 EH 标准可规避此问题。改用 WebAssembly for EH 后，CapCut 的 Web 应用软件包大小缩减了 15%，同时代码的性能也得到了提升。
WebCodecs
在视频编辑方面，CapCut 必须解码用户输入到图片中的视频，然后在视频预览下方的编辑画布上显示这些视频。即使使用经过 SIMD 优化的解码器，在高性能计算机上将 4K 图片解码到编辑画布也需要几十毫秒的时间，这意味着同时解码多个视频轨道需要大量电量。
借助 WebCodecs，CapCut 集成了硬件加速编码和解码，将音频和视频处理速度提高了近 300%。性能大大提升后，CapCut 现在支持同时播放多个 4K 视频。此外，WebCodecs 还支持更多视频格式，例如 H264、HEVC、VP8、VP9 和 AV1。
充分利用 Web 应用的强大功能
CapCut 团队于 2022 年初开始将平台专用应用移植到 Web 平台。同年 8 月，CapCut 正式推出了首个适用于桌面设备的 Web 版应用。CapCut 采用了渐进式 Web 应用 (PWA) 技术，支持通过浏览器安装。使用这些技术发布新版 Web 应用后，CapCut 团队发现SEO 流量提高了 83%。
将 CapCut 引入 Web 平台后，开发者还可以将强大的 Google 功能与该应用相结合，从而最大限度地提升用户体验。在该功能发布一个月内，许多用户就开始使用 Google 一键登录功能登录，因为该功能允许用户使用现有的 Google 凭据登录，而无需手动输入信息，从而简化了登录流程。
利用网络扩展无限可能
将 CapCut 发布到网页上，为数百万用户开辟了新的可能性，为他们提供了更多访问该软件的方式。得益于 WebAssembly、WebCodecs 和用于构建高级 Web 应用的其他现代 Web 技术，CapCut 开发者成功实现了 1 对 1 的移植，从而保持了应用的全部功能和性能。
了解详情
了解如何使用 WebAssembly 和 WebCodecs 将应用移植到 Web 上。
