主要注意的是这里的透明视频并不是指代视频中含有Alpha通道,而是一种“特殊”的形式;


下载示例文件(素材来源:Adobe Chractor Animator软件的示例:下肢康复机器人)


📎Robot.mp4


image


可以看出,整个视频是纯黑色的底色,左半边部分是源视频(含Alpha通道的透明视频)中透明部分转换为纯黑色,右半部分是源视频中非透明部分转换成纯白色;


1. 最佳优化方式


1.1 设置适宜的视频码率


为了有一个比较直接的认识,我们以优酷视频和腾讯视频为标准,可以看到:

 

高清

超清

1080P(蓝光)

优酷

码率:>=800bps

分辨率:>=960x400

码率:>=1500kbps

分辨率:>=1280x544

码率:>=3500kbps

分辨率:>=1920x800

腾讯

码率:>=800kbps

分辨率:>=640×360

码率:>=1500kbps

分辨率:>=960×540

码率:>=2500kbps

分辨率:>=1920×1080

这样根据自己实际情况选择合适的码率;


点击此处查看优酷视频上传标准;


点击此处查看腾讯视频上传标准;


需要注意的是透明视频的宽度实际上变成了2倍,但是最终展示端也只会展示透明的左边部分,为了保证透明视频的清晰度,用户需要将左半部分的分辨率达到期望的标准,而不是看整个视频的分辨率


1.2 选择适宜的视频分辨率


提前预估好视频在场景中展示的大小,如下图我们在WebAR场景中添加了下肢康复机器人视频动画,然后希望视频动画显示为设备屏幕宽的2/3,那么我们就可以将透明视频左半部分分辨率降低为2/3,举例来说:比如现有一个含Alpha通道的源视频,分辨率为720x720,我们只需要他的大小显示为屏幕的2/3,那么我们就可以将源视频分辨率先改为480x480,最终得出的透明视频分辨率为960x480;


1.3 设置适宜的视频尺寸


必须将视频的尺寸与视频的分辨率设置为一致;


1.4 设置适宜的视频分帧率


一般来讲,如果没有特殊要求,建议设置视频的帧率为25;


2. 视频转换教程


请参考AR视频转换教程,点击跳转


3. 透明视频制作教程


需要注意的是这里我们仅仅讲解如何将含有Alpha通道的透明视频转换为Kivicube平台所需的“透明”视频

3.1视频教程



3.2图文教程

将需要制作的视频文件导入AE,如图:

image

 

在下图红字所在的区域空白处右键,选择  New Posotion  创建新的comp

新建comp设置:a)名称自定义;b)Width处设置新comp的宽度(新宽度为原视频的两倍,如原视频宽度为1024,则此处应设置为2048);c)设置完成后点OK确定

image

 

新comp创建完成后如图:

image

 

将视频素材左键拖拽至comp1窗口,将其重命名为“man3_1.mov”(重命名方法:在新拖入的视频名字处右键选择Rename);

image

 

这时在主视窗就可以看到视频素材的内容。接下来修改视频素材的位置让其与主视窗的左边对齐,修改方法是:点击视频素材左边的三角符号;

image

 

这时会弹出下拉菜;

image

 

后面调节X轴上的位置;

image

 

调节完成后,视频素材“man3_1.mov”就完成了与主窗口左边的对齐。

image

 

使用同样的办法再次拖拽视频素材到comp1(记得命名为 “man3_2.mov”),并修改位置让其与主视窗的右边对齐,如图:

image

 

位置对齐后就开始实现我们视频左边是带颜色右边是黑白的这一要求。方法是:在comp1窗口点击鼠标右键,选择New—>Solid创建一个固态层。此时的长宽比例要与视频素材的长宽比例一致。

image

 

点击 ok 之后如图

image

 

将新建的固态层拖拽至man3_1和man3_2之间,然后点击后其中间的方框,如图:

image


以上内容制作完成,就可以输出一段带透明通道的视频(avi/mov)了。视频规格需求在之前给出的标准规格内。


由于AE原生不能输出.mp4文件,因为要在Kivicube平台使用,还需要将视频转换为mp4,转换教程如下:

https://www.yuque.com/kivicube/manual/ar-video#xdk2dz