点播观看小程序

开发前准备

1.小程序微信开发者后台设置-开发设置-服务器域名中配置 [request合法域名]
- router.polyv.net
- hls.videocc.net
- prtas.videocc.net

开始开发

1.获取视频播放地址

index.js

const polyv = require('../../utils/polyv.js');
Page({
  ...
  onReady: function () {
    //获取视频播放地址
    let vid = "e8888b74d1bd0f19e821d6185279564a_e";
    let vidObj = {
        vid: vid,
        callback: function(videoInfo){
            that.setData({
              videoSrc: videoInfo.src[0]
            });
        }
    };
    polyv.getVideo(obj);
  }
}
选项说明

vid

类型:String
说明:视频Id

callback(videoInfo)

类型:Function
说明:获取视频信息成功时触发

参数:videoInfo
参数类型:object
参数说明:

参数 参数说明
src 数组:多个码率视频播放地址,获取成功后取其中一种码率设置为video组件的src
poster 视频封面
title 视频标题
teaser_url 视频片头,以返回链接后缀判断图片/视频类型
duration 视频总时长
timeoutflow 只返回该属性并为true,表示套餐过期
outflow 只返回该属性并为true,表示套餐流量不足

params

类型:object
说明:播放日志自定义参数

参数值可选 说明
param1 用户ID
param2 昵称

ts

类型:String
说明:web授权加密时间戳,使用web授权视频播放时添加

sign

类型:String
说明:web授权加密验证sign,使用web授权视频播放时添加

2.获取视频预览播放地址

onReady: function () {
    //获取视频预览播放地址
    let vid = "e8888b74d1bd0f19e821d6185279564a_e";
    let vidObj = {
        vid: vid,
        callback: function(videoInfo){
            that.setData({
              videoSrc: videoInfo.src[0]
            });
        }
    };
    polyv.getPreviewVideo(obj);
  }

3.播放日志

//需要绑定video组件bindtimeupdate时间并调用polyv.timeUpdate
<video id="polyvVideo" class="vp-v" src="{{videoSrc}}" bindtimeupdate="timeUpdate"></video>

timeUpdate: function (e) {
  polyv.timeUpdate(e);
}

ps:请留意参数e为必须项

小程序点播SDK下载 (点击下载咨询

以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...