爱奇艺云剪辑Web端的技术实现

云剪辑是集视频制作、生产、分发等为一体的在线视频制作平台，具备工具及服务两方面能力：工具方面，云剪辑具备全面视频剪辑能力，相比行业中其他在线剪辑工具能力更强大，支持范围包括多轨道音视频合成、音视频素材的裁剪、切割、拖拽，贴片贴字设置和音频编辑等；服务方面，云剪辑平台支持各种业务调用、视频制作和分发以及视频制作状态查询等服务。

 图1 爱奇艺云剪辑编辑预览页面

 

随着Web端技术的不断发展，尤其是HTML5标准的发布和实施，前端不仅能够实现友好的界面展示、交互，还能够实现对流媒体数据的操作和渲染。Web端能力不断的增强，Web应用功能越来越复杂，对性能要求也越来越高。当用桌面软件进行音视频数据的编辑时不仅对机器性能有较高的要求，还耗费大量转码时间。爱奇艺云剪辑则通过Web技术优化实现在线音视频制作，云服务实现转码，有效降低了用户的PC性能要求，还提升了转码性能与速度。

云剪辑的主要功能有：

1、视频剪切、拼接等基础功能

2、视频轨道缩放、拖拽基本交互

3、视频贴字、贴图等基本包装能力

4、视频效果实时预览

5、视频的在线转码能力

这里前面4点都需要在浏览器端完成，基于Web技术在浏览器端实现类似桌面的大型编辑软件有很多技术难点：

首先，如何在Web实现模拟播放，实现所见即所得；

其次，在Web端进行复杂的操作时，浏览器资源消耗较大，如何保证良好的交互体验和性能；

再有，视频制作除了剪切与拼接外，如贴字、贴图、滤镜等效果叠加，也需要浏览器端来进行模拟，且需要与服务端保持一致，这也是一个技术难点。

下面我们来看下爱奇艺技术团队如何通过Web技术在云剪辑中实现在线的音视频编辑的。

1

云剪辑架构设计的挑战

云剪辑把PC桌面程序的功能迁移到云端。本来在一台计算机上运行的程序，现在由多台计算机分别完成。之前由一个程序不同模块执行的计算，现在通过网络相连的不同的服务协调完成。这就给云剪辑的架构设计带来了很大的挑战。

如图2所示，爱奇艺云剪辑整体架构分为四个部分：

图2 爱奇艺云剪辑整体架构图

 

Web客户端：负责与用户的具体交互操作，包括素材导入、视频剪辑和效果实时预览。具体功能可参考图3。

Node中间层：主要功能为项目和视频数据接收、转发、保存等。

创作中台：为云剪辑提供视频制作、转码、分发等业务处理和调度。