小程序插件使用-腾讯视频插件

在使用插件前都得先去小程序开放平台添加插件到自己的小程序(注意添加后不是立刻能使用,需要等待审核,不过一般都会很快)

 设置 --- 第三方服务 --- 插件管理 ---添加插件  --- 腾讯视频 

腾讯视频插件的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

小程序插件使用-腾讯视频插件

上一篇:小程序 CanvasContext


下一篇:微信小程序发送验证码倒计时