更新记录

1.0.6（2024-06-04）

• 兼容uniapp-x资源加载问题

1.0.5（2024-04-08）

• 兼容uvue-ios

1.0.4（2024-03-01）

• 支持uvue

平台兼容性

uni-app

uni-app x

sn-uts-pag

sn-uts-page组件是uts组件，实现了pag的ios、android封装

注意

• sn-uts-pag仅App端nvue页面支持
• App-Android平台要求Android5（API Leavel 21）及以上系统
• App-iOS平台要求iOS11及以上版本系统

属性说明

事件说明

• 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>