跳转到内容
View in the app

A better way to browse. Learn more.

彼岸论坛

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[视频技术] uniapp 方式实现视频播放加密统计

发表于

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

Featured Replies

No posts to show

创建帐户或登录来提出意见

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.