uniapp 方式实现视频播放加密统计

15 天前
 whhxf910

uniapp 方式实现视频播放加密统计

在移动应用开发中,视频播放功能是常见的需求之一,而视频内容的加密保护和统计则成为了开发者需要关注的问题。本文将分享如何使用 uniapp 结合视频云点播插件,实现视频播放的加密和统计功能。对方案有任何疑问,可 V:wjc24680525

环境准备

在开始之前,请确保你已经安装了 HBuilderX ,并创建了一个 uniapp 项目。接下来,你需要从插件市场购买并下载视频云点播插件。

集成插件

  1. 购买插件:在插件市场中选择视频云点播插件,并绑定到你的项目中。
  2. 配置插件:在项目的manifest.json文件中,找到app 原生插件配置部分,勾选视频云点播插件。

视频播放加密

视频加密是保护视频内容不被非法获取的重要手段。插件提供了强大的加密功能,我们可以利用这一功能来保护我们的视频内容。

配置加密参数

首先,你需要在视频云平台获取useridreadtokenwritetokensecretkey,这些参数将用于视频的加密和解密。

var configModule = uni.requireNativePlugin("PLV-VodUniPlugin-ConfigModule");
configModule.setToken({
    'userid': '你的 userid',
    'readtoken': '你的 readtoken',
    'writetoken': '你的 writetoken',
    'secretkey': '你的 secretkey'
}, (ret) => {
    if (ret.isSuccess) {
        console.log('设置 token 成功');
    } else {
        console.error('设置 token 失败:', ret.errMsg);
    }
});

视频播放

使用视频云点播插件提供的播放器组件plv-player来播放视频。

<template>
    <plv-player
        ref="vod"
        class="vod-player"
        seekType="0"
        autoPlay="true"
        disableScreenCAP="false"
        rememberLastPosition="false"
        @onPlayStatus="onPlayStatus"
        @onPlayError="onPlayError"
        @positionChange="positionChange">
    </plv-player>
</template>

<script>
export default {
    methods: {
        setVid() {
            this.$refs.vod.setVid({
                vid: '视频的 vid',
                level: 0
            }, (ret) => {
                if (ret.errMsg) {
                    uni.showToast({
                        title: ret.errMsg,
                        icon: "none"
                    });
                }
            });
        },
        onPlayStatus(e) {
            console.log('播放状态:', e.playbackState);
        },
        onPlayError(e) {
            console.error('播放错误:', e.errCode, e.errEvent);
        },
        positionChange(e) {
            console.log('当前播放位置:', e.currentPosition);
        }
    },
    mounted() {
        this.setVid();
    }
}
</script>

<style>
.vod-player {
    width: 100%;
    height: 100%;
}
</style>

视频播放统计

视频播放统计对于了解用户行为和优化内容至关重要。插件对应的管理后台提供了丰富的统计字段和 API ,可根据实际需求调用

320 次点击
所在节点    视频技术
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1071246

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX