字节跳动开源又一力作

共 1142字,需浏览 3分钟

 ·

2020-09-07 09:24

【公众号回复 “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

推荐阅读:

“快速、简单、健壮”的前端应用框架

推荐几个开源的个人独立博客系统

Google 出品网站性能质量及错误分析工具

---特别推荐---

特别推荐:一个新的优质的推荐高效工具,软件,插件的公众号,每天给大家分享优秀的效率工具,「程序员掘金」,专门为程序员挖掘好东西的一个公众号,非常值得大家关注。

浏览 32
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报