需求背景:给一个cocos creator项目添加片头视频,目前项目支持3种语言。片头视频大概25M,如果在制作片头视频的时候就把字幕加入到视频中,那么相应得就会有3个片头视频,共75M。这样使得项目包体增大许多,而且后续版本需要支持更多语言的话,项目将变得更大。 解决方案:将片头视频和字幕分离,字幕在cocos层实现。这样片头视频制作一个就好了,后续支持更多语言的话也只需要改cocos层字幕的逻辑。 备注:以下方案都是在Cocos Creator2.4.4版本中实现的。
1.web端解决方案
实现比较简单,可先阅读一下官方文档关于VideoPlayer组件的使用。
- 开启 cc.macro.ENABLE_TRANSPARENT_CANVAS = true(设置 Canvas 背景支持 alpha 通道)。
这一步可以新建一个js脚本将上面代码拷贝到js脚本中然后再将js脚本设置为插件即可。 具体步骤如下: 具体效果如下: - 在属性检查器中设置摄像机的 backgroundColor 属性透明度为 0,或者在onLoad中添加以下代码。
设置摄像机的backgroundColor属性透明度为 0或者在onLoad中添加代码 cc.Camera.main.backgroundColor = new cc.Color(0, 0, 0, 0); - 在属性检查器中勾选 VideoPlayer 组件上的 stayOnBottom 属性。
2.android端实现方案
没时间写了,待续~
|