<p align="center"> <img width="650px" src="https://tnfe.github.io/FFCreator/_media/logo/logo.png" /></p>[FFCreator](https://github.com/tnfe/FFCreator)是腾讯新闻前端团队开源的一个视频生成库。基于`Node.js`，利用`WebGL`来渲染图像，`ffmpeg`烧制，有简单的JavaScript的API可以帮助程序员快速的生成视频。但目前还有局限：- 没有所见即所得的编辑功能，排版难度高；- 排版与样式需要写代码实现，不利于分层与封装；- 只能在Node.js环境下运行，不能运行在网页中。米拉视频的小伙伴们Fork了[FFCreator](https://github.com/miravideo/FFCreator)和底层渲染库[InkPaint](https://github.com/miravideo/inkpaint)，在此基础上实现了`网页端`运行，释放出JavaScript的潜力，打通了前端预览和后端烧制。现在以MIT LICENSE开源。- 封装JSON接口，标准化视频描述，将代码逻辑和视频描述分离；- 优化时长和排版的自适应能力（提供除px以外，百分比/rpx/vw/vh等单位），让模板对不同分辨率导出和不同尺寸、时长的源素材有更好的支持；- 【重点】发挥JS能在浏览器端执行的优势，让FFCreator不仅可以用在后端烧制上，也可以用在前端预览和编辑上，达到前后端一致的效果；- 加入更多的功能：滤镜、蒙版、动画等。基于FFCreator实现的**所见即所得**播放器，可在线玩： [DEMO](https://miravideo.github.io/mira-player)<p align="center"> <a href="https://miravideo.github.io/mira-player"><img width="100%" src="https://miravideo.github.io/static/player.png" /></a></p>比如下面一段简单的XML即可实现文字作为视频蒙版动画的效果```xml<video x="50vw" y="50vh" height="100vh" src="oceans.mp4"> <text text="OCEAN" fontSize="100rpx" color="#FFF" x="50vw" y="50vh" asMask="true" duration="4"> <animate time="2" delay="2"> <from scale="1"></from> <to scale="30" y="1500"></to> </animate> </text></video>```<img src="https://miravideo.github.io/mira-player/preview-02.gif" width="640" height="360" />开源链接：https://github.com/miravideo/FFCreatorhttps://github.com/miravideo/inkpaint在线体验：https://miravideo.github.io/mira-player