字节跳动开源又一力作
【公众号回复 “1024”,免费领取程序员赚钱实操经验】
大家好,我是章鱼猫。
今天给大家推荐的这个项目是「AlphaPlayer」,是直播中台使用的一个视频动画特效 SDK,可以通过制作 Alpha 通道分离的视频素材,再在客户端上通过 OpenGL ES 重新实现 Alpha 通道和 RGB 通道的混合,从而实现在端上播放带透明通道的视频。
这套方案对设计师而言明显降低了特效的制作成本,对于客户端而言有着更可靠的性能和稳定性,且相比 cocos2d 引擎有着更低的入门门槛和维护成本,为复杂动画的实现提供了一种全新的方式,新的复杂动画开发将会变得更加简单高效。
背景
在直播项目的原有礼物动画实现效果是通过 cocos 引擎实现的,大部分动画都是通过一系列的旋转平移缩放组合而成,能实现的动画效果较简单且开发成本较高。为了丰富动画的表现形式,降低开发成本,引入了 AlphaPlayer 的动画实现方案。
方案对比
目前较常见的动画实现方案有原生动画、帧动画、gif/webp、lottie/SVGA、cocos 引擎,对于复杂动画特效的实现做个简单对比。
运行效果
项目结构 & 基本原理
主要有两个核心部分,一个是 MediaPlayer,负责视频每一帧的解码,支持接入方自行实现;另一个是 VideoRenderer,负责将解析出来的每一帧画面进行 alpha 通道混合,再输出到 Surface 上。View 使用的是 GLSurfaceView,性能相对 TextureView 更优,但层级限制在最顶层。
AlphaPlayer 内部是通过 Render 渲染纹理画面的,设计师导出的视频资源会包含两部分内容——透明遮罩画面和原视频画面两部分,然后通过 shader 进行 alpha 值的混合,详细可以看 frag.sh 和 vertex.sh。
已知接入方
点击阅读原文查看更多。
开源项目地址:https://github.com/bytedance/AlphaPlayer
开源项目组织:ByteDance Live Android team
推荐阅读:
---特别推荐---
特别推荐:一个新的优质的推荐高效工具,软件,插件的公众号,每天给大家分享优秀的效率工具,「程序员掘金」,专门为程序员挖掘好东西的一个公众号,非常值得大家关注。