更新记录

1.0.2（2024-04-23）

优化依赖

1.0.1（2024-04-11）

优化

1.0.0（2024-04-09）

发布

平台兼容性

jk-player

开发文档

<template>
    <view class="content">
        <jk-player ref="jkPlayer" style="width: 100%;height: 300px;" :showBottomContainer="false"></jk-player>
        <button @click="setDataSource">setDataSource</button>
        <button @click="play">play</button>
        <button @click="stop">stop</button>
        <button @click="capture">capture</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        onLoad() {
        },
        onShow() {
            initActivityLifecycle((event => {
                switch (event) {
                    case "ON_RESUME":
                        this.jkElement()?.()
                        break
                    case "ON_PAUSE":
                        this.jkElement()?.()
                        break
                    case "ON_DESTROY":
                        this.jkElement()?.onDestroy()
                        break
                }
            }))
        },
        methods: {
            jkElement() : JkPlayerElement | null {
                const ref = this.$refs['jkPlayer']
                if (ref != null) {
                    return ref as JkPlayerElement
                }
                return null
            },
            setDataSource() {
                let url = "rtsp://admin:xxxxx";
                this.jkElement()?.setDataSource(url)
            },
            //播放
            play() {
                this.jkElement()?.restart()
            },
            //停止
            stop() {
                this.jkElement()?.stop()
            },
            //截图
            capture() {
                this.jkElement()?.capture((path : string) => {
                    console.log("capture", path)
                })
            }
        }
    }
</script>

<style>

</style>