YYEVA

简体中文 | English

YYEVA（YY Effect Video Animate）是一个开源的支持可插入动态元素的MP4动效播放器解决方案，包含设计资源输出的AE插件，客户端渲染引擎，在线预览工具。

对比传统的序列帧的动画播放方式，具有更高的压缩率，硬解码效率更高的优点，同时支持插入动态的业务元素；对比SVGA、Lottie等播放器，支持更多的特效支持，如复杂3D效果、描边、粒子效果等，达到所见即所得的效果。

该方案是在透明MP4动效解决方案的基础上，做了进一步扩充，让静态的MP4资源，也能够支持插入动态的元素，关于透明MP4的相关介绍，请点击 第二篇:透明MP4礼物 查看相关介绍。

支持本项目

请支持我们的项目，点击⭐⭐⭐⭐⭐, 让更多的人看到该项目

效果演示

<img src="./img/out.gif" width = "336" height = "352" alt="图片名称" align=center /> <img src="./img/out_3.gif" width = "399" height = "428" alt="图片名称" align=center /> <img src="./img/out_2.gif" width = "256" height = "357" alt="图片名称" align=center /> <!-- https://user-images.githubusercontent.com/14030762/203517222-c82d099e-7d96-4084-ae7f-36688aad5632.mp4 https://user-images.githubusercontent.com/14030762/203515218-f721dc67-15a9-4c40-b27d-4ce823eced9e.mp4 -->

YYEVA工具链 工作流程

<img src="https://github.com/yylive/YYEVA/blob/main/img/ae_timeline.png" width = "754" alt="图片名称" align=center />

YYEVA渲染 工作流程

<img src="https://github.com/yylive/YYEVA/blob/main/img/yyeva_timeline.png" width = "634" alt="图片名称" align=center />

平台支持

• 支持 Android、IOS、Web、微信小程序 、百度小程序 点击了解详细接入
• 资源制作的AE插件使用规范 详情
• 数据结构定义 详情

相关文档介绍

• 第一篇:直播间礼物动效 - 实现方案
• 第二篇:透明MP4礼物
• 第三篇:变换矩阵在动画上一些应用
• 第四篇:YYEVA , 让MP4静态资源也能够动态起来
• 第五篇:YYEVA设计规范
• 第六篇:YYEVA数据结构

YYEVA视频教程

• 视频1:YYEVA-AE相关工具安装

• 视频2:YYEVA-AE环境搭建

• 视频3:YYEVA-如何创建一个mask合成

• 视频4:YYEVA-制作mask_text

• 视频5:YYEVA-制作mask_image

• 视频6:YYEVA-如何安装或更新CEP插件

目录介绍

• AEP
• 插件安装包

已接入APP

<img src="https://github.com/yylive/YYEVA/blob/main/img/jieru.png" width = "996" alt="图片名称" align=center />

QQ交流群

群号： 981738110

鸣谢