更新记录
1.0.10(2025-02-15)
- iOS添加PrivacyInfo.xcprivacy
1.0.9(2024-10-17)
- 修复ios路径问题
1.0.8(2024-10-10)
- 兼容hbx新版本
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | 5.0 | 12 | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | - | × | × | × | × |
uni-app x
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | 5.0 | 12 | - | × |
sn-uts-pag
sn-uts-page组件是uts组件,实现了pag的ios、android封装
注意
- sn-uts-pag仅App端nvue页面支持
- App-Android平台要求Android5(API Leavel 21)及以上系统
- App-iOS平台要求iOS11及以上版本系统
属性说明
属性 | 类型 | 默认值 | 说明 |
---|---|---|---|
path | string | '' | pag文件地址 |
repeatCount | string | 1 | 重复播放次数 |
事件说明
-
end
播放结束
方法说明
-
replay
重播
-
pause
暂停
-
isPlaying
是否正在播放
- nvue
this.$refs.pag.isPlaying(e => { console.log('isPlaying', e == true ? 'true' : 'false') })
- uvue
const el = this.$refs["pag"] as SnUtsPagElement console.log('isPlaying', el.isPlaying())
代码示例
<template>
<view>
<sn-uts-pag ref="pag" path="/static/0.pag" @end="onEnd"
style="width: 300rpx;height: 200rpx;background-color: antiquewhite;" />
<button type="default" @click="play">play</button>
<button type="default" @click="pause">pause</button>
<button type="default" @click="checkPlay">检查是否在播放</button>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
onEnd() {
console.log('play end')
},
play() {
this.$refs.pag.replay()
},
pause() {
this.$refs.pag.pause();
},
checkPlay() {
this.$refs.pag.isPlaying((e) => {
console.log('isPlaying', e == true ? 'true' : 'false');
});
}
}
}
</script>
<style>
</style>