小程序SDK

注:点播视频播放的小程序SDK功能相对简单,只提供了获取视频播放地址以及日志发送等基本功能。建议使用点播视频播放的小程序插件,集成更简单,功能更丰富。

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

开发前准备

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

  • router.polyv.net

  • hls.videocc.net

  • prtas.videocc.net

  • player.polyv.net

开始开发

1.获取视频播放地址

index.js

import polyv from '../../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(vidObj);
  }
}

选项说明

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

观众昵称

### sid

类型:String

说明:POLYV后台观看日志中自定义ID

### 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(vidObj);
  }

3.播放日志发送

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

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

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

4.销毁播放日志定时器

onUnload: function () {
  polyv.destroy();
}

更新说明

  • 6.7.3微信新版本下,非加密视频播放失败问题已修复兼容 (2018-10-10)。

Last updated

Was this helpful?