video-animation-player v1.0.5

VAP

简介

VAP是企鹅电竞实现融合礼物特效的组件，将图片/文字与原始mp4视频融合在一起，支持透明度，项目详细介绍请参考 VAP

一、使用(参考demo) 🔧

1、安装

npm i video-animation-player

2、创建实例

import Vap from 'video-animation-player'
# init
let vap = new Vap(options)

3、实例方法

# 实例方法
1、on(): 绑定h5 video事件或者自定义事件(frame： 接收当前帧和播放时间戳)  如on('playering', function() {// do some thing})
2、destroy()：销毁实例，清除video、canvas等
3、pause()：暂停播放
4、play()：继续播放
5、setTime(s)：设置播放时间点(单位秒)

4、实例参数

注意：默认字体大小是根据文字个数动态变化的，会保证文字全部展示出来，如果通过fontStyle参数设置字体大小后，可能出现文字展示不全的现象

二、素材

内容格式固定，使用VAP素材生成工具生成

三、实现原理

使用webgl texture获取video和图片/文字的纹理，并在shader中进行自定义融合，