更新记录

1.0.6（2024-07-24）

增加乐橙云视频支持

1.0.5（2024-07-15）

优化依赖版本

1.0.4（2024-07-12）

增加ws-flv格式

平台兼容性

jk-player

开发文档

<template>
    <view class="content">
        <jk-player :autoLifeEvent="true" 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>
    </view>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        onLoad() {
        },
        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>