VAP动画效果参数使用记录

目前使用的地方涉及高德地图上渲染动画marker，使用方式如下很实用
*
文档简介地址https://www.npmjs.com/package/video-animation-player
*
代码地址链接地址 https://github.com/Tencent/vap/blob/master/Introduction.md

安装（注意，需要UI提供VAP格式的MP4文件和JSON文件）

	npm i video-animation-player
1

创建实例

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

实例方法

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

实例参数

标题VAP动画插件vue使用展示

	this.vap = new Vap({
	   container: document.getElementById('Dom'),
	   src: require('./vap.mp4'),
	   config: require('./vap.json'),
	   width: 1050,
	   height: 750,
	   accurate: true,
	   loop: true
	 })
	 this.vap.play()
1
2
3
4
5
6
7
8
9
10