CapCut 使用 WebAssembly 和 WebCodecs 构建功能齐全的 Web 应用,将自然流量提高了 83%

作为 2023 年 Android 上下载量最大的 10 款应用之一, CapCut 是市面上最受欢迎的视频编辑应用之一 。而且完全免费。多功能视频编辑工具 许多效果和编辑功能,如语音转文字和图片放大, 以及功能齐全的媒体库,帮助用户制作优质的 快速流畅地处理视频和图片当 CapCut 用户完成创建 他们只需将视频发布到 自己选择的社交媒体平台 包括 TikTok、YouTube、Instagram 和 Facebook。

CapCut 专注于为用户提供出色的体验 来创作符合其风格的内容。最近,CapCut 团队投资 为桌面用户开发高级 Web 应用, 用户体验。CapCut Online 具有人性化的界面,让您可以 为个人和企业用户提供实用的功能,让他们能够 创建内容并跨团队协作。通过此次更新,用户可以 直接在其首选浏览器中使用功能强大的视频编辑软件, 提供更方便、更灵活的编辑体验。

Web 应用可降低门槛

CapCut 推出了一款网络应用,让用户可以通过更多方式访问 并添加到其现有的 Android 和 iOS 移动应用中。 提供更多入口点,以便用户选择效果最佳的平台 无论是从 Google Play 商店下载移动应用 通过他们喜爱的浏览器将其作为 Web 应用安装,或使用 直接在浏览器标签页中打开该团队认为,如果桌面应用同时 就有可能提高留存率 提高用户满意度

得益于为开发者提供的一系列技术, CapCut 将针对具体平台的移动应用转换成同等平台的移动应用, 功能强大。WebAssembly 等 Web 平台技术 在过去几年里深受开发者的欢迎 能够比以往更快地打造出强大的 Web 应用。由于 CapCut 主要对视频剪辑 引擎是使用 C++ 编写的,其开发者可以使用 Emscripten 将 将应用迁移到桌面版 Web 版本。

来自 CapCut 的 James Williams 引语说:我们使用 WebAssembly 和 WebCodecs 高效地将原生代码库的许多关键功能移植到网络,
性能或功能

WebAssembly

借助 WebAssembly,CapCut 开发者成功将多个 数百万的视频和图形模板。Emscripten's 对将 C 和 C++ 代码编译为 WebAssembly 的强大支持使 CapCut 得以实现 在针对具体平台的应用和 Web 应用之间高效地共享代码, CapCut 对新平台最重要的一些功能,包括 自定义视频特效和视频编辑功能

CapCut 具有许多可在浏览器中运行算法的特殊效果, 实时处理时出现的视频渲染瓶颈。致谢: WebAssemly 的并行处理功能,称为单指令、多 数据 (SIMD),CapCut 开发者 与非 SIMD 相比,应用的处理性能提升了近 300% 更好地防范瓶颈。

异常处理 (EH) 是 C++ 的基本功能之一,但支持 Emscripten 中的 EH 不完整。Emscripten 提供了一套 EH 机制。 基于 JavaScript, 但它们可能会对应用的运行时性能产生负面影响,并增加其 文件包大小。WebAssembly 的 EH 标准可以避免此问题。正在切换到 适用于 EH 的 WebAssembly 将 CapCut Web 应用的软件包大小缩减了 15%,同时使代码更丰富 性能。

WebCodecs

对于视频编辑,CapCut 必须将用户输入的视频解码到图片中 然后在视频预览下方的编辑画布上显示这些效果即便使用 针对 SIMD 优化的解码器,将 4K 图片解码为 高性能计算机只需几十毫秒,也就是说,解码 同时播放多个视频轨道需要消耗很多电量。

使用 WebCodecs, CapCut 集成了硬件加速编码和解码功能,可改善音频效果 视频处理速度提高了近 300%。经过大幅改进后, CapCut 现在支持多个同时播放的 4K 视频流。此外, WebCodecs 支持更多视频格式,例如 H264、HEVC、VP8、VP9 和 AV1。

CapCut 应用相关统计信息:有一百多万个模板已转移到 CapCut 的 Web 应用。处理性能提升高达 300%。支持的视频格式增加 40%。

充分利用 Web 应用的全部功能

CapCut 团队开始在 。同年 8 月,CapCut 正式推出了其首个 网页版的桌面版应用。使用渐进式 Web 应用 (PWA) 技术,已启用 CapCut 通过浏览器进行安装。 推出新网站后 CapCut 团队发现,在 SEO 方面将 SEO 提高了 83% 流量

安装 CapCut 应用。

将 CapCut 带到 Web 上,还让开发者 用户的将强大的 Google 功能与应用结合在一起,从而获得良好的体验。 在该功能发布后的一个月内,许多用户使用 Google 一键登录 功能,从而简化登录流程,允许他们使用自己的 而无需手动输入其信息。

利用网络拓展可能性

将 CapCut 投放到网络上,为数百万用户创造了全新可能 从而为用户提供更多访问软件的方式。多亏了 WebAssembly WebCodecs 和其他现代网络技术可用于构建高级 Web 应用之后,CapCut 开发者成功实现了 保持应用的全部功能和性能。

了解详情

了解如何使用 WebAssemblyWebCodecs

CapCut 视频编辑器。