V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
whhxf910
V2EX  ›  视频技术

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

  •  
  •   whhxf910 · 66 天前 · 391 次点击
    这是一个创建于 66 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 ,可根据实际需求调用

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2766 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 15:37 · PVG 23:37 · LAX 07:37 · JFK 10:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.