在使用插件前都得先去小程序开放平台添加插件到自己的小程序(注意添加后不是立刻能使用,需要等待审核,不过一般都会很快)
设置 --- 第三方服务 --- 插件管理 ---添加插件 --- 腾讯视频
腾讯视频插件的AppID: wxa75efa648b60994b
腾讯视频插件的版本号:1.1.1
具体怎样使用腾讯视频插件呢?
接入步骤如下:
1.在app.json文件加入插件引入配置
"plugins": {
"tencentvideo": {
"version": "1.1.1",
"provider": "wxa75efa648b60994b"
}
}
2.新建一个Page: video;会自动生成四个文件 video.js,video.json,video.wxml,video.wxss
3.我们在video.json文件里面加入如下配置:
"usingComponents": {
"txv-video": "plugin://tencentvideo/video"
}
4.在video.wxml 中引入组件,代码如下:
<txv-video playerid="txv1" vid="h07290i9vt0">
</txv-video>
注意:vid 这个值是动态配置的,腾讯视频每个视频都有的
5.运行~视频就播放了
error示例:
jsEnginScriptError
Component is not found in path "plugin://wxa75efa648b60994b/txv-video" (using by "pages/video/video")
Error: Component is not found in path "plugin://wxa75efa648b60994b/txv-video" (using by "pages/video/video")
解决:
video.json文件里面是不是写成了plugin://tencentvideo/txv-video,这样是错误的,应该是如下配置(v1.1.1)
"usingComponents": {
"txv-video": "plugin://tencentvideo/video"
}
上面就是简单接入腾讯视频插件步骤!
另外官方还提供了插件 js api
const TxvContext = requirePlugin("tencentvideo");
let txvContext = TxvContext.getTxvContext(‘txv1‘) // txv1即播放器组件的playerid值
txvContext.play(); // 播放
txvContext.pause(); // 暂停
txvContext.requestFullScreen(); // 进入全屏
txvContext.exitFullScreen(); // 退出全屏
txvContext.playbackRate(+e.currentTarget.dataset.rate); // 设置播放速率
官方文档:https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b
小程序插件使用-腾讯视频插件