更新记录
1.0.2(2024-03-20)
新增事件触发逻辑。
1.0.1(2024-03-19)
修复iOS播放完成后没有触发onFinished事件。
1.0.0(2024-03-17)
初始化版本发布
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.0,Android:4.4,iOS:11 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
概述
XF-SVGAPlayer封装了SVGA播放功能,可以播放带音频的SVGA文件。
模块调用
<XF-SVGAPlayerUTS ref="svgaPlayer" :path="path" :loop="loop" :hidden="hidden"
:style="{width:widthNum+'rpx',height:heightNum+'px'}" @=""
@onFinished="onFinished" @onFrame="onFrame" @onPercentage="onPercentage">
</XF-SVGAPlayerUTS>
参数说明:
dataList:
- 类型:JSON型
- 描述:(可选项)返回按钮监听。
{ path : '',//可播放的svga文件地址 loop : false,//是否循环播放 fillMode :'Backward',//Backward Forward Clear }
模块接口
pauseAnimation
暂停播放。
pauseAnimation()
示例代码
this.$refs["svgaPlayer"].pauseAnimation();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
startAnimation
暂停后恢复播放
startAnimation()
示例代码
this.$refs["svgaPlayer"].startAnimation();
可用性
iOS、Android系统
可提供的1.0.0及更高版本