收藏
评论

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

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


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




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

收藏

4 个评论

  • 長曜
    長曜
    2020-03-03

    个人开发者不能使用,希望微信官方开放一下这个权限,既然腾讯视频都有自己的审核机制,为什么个人认证的小程序不能读取腾讯视频?个人认证的小程序给的权限太少了。

    2020-03-03
    赞同 7
    回复
  • ๑欣 ๑
    ๑欣 ๑
    2019-12-05

    不可以的,文档有明确说明

    2019-12-05
    赞同 1
    回复
  • 寂
    2020-06-10

    vid既然是动态的,怎么保证获得某一视频的特定标识呢

    2020-06-10
    赞同
    回复
  • keyuan
    keyuan
    2019-07-16

    个人小程序可以使用这个插件吗?

    2019-07-16
    赞同
    回复 1
    • Pzy
      Pzy
      2019-12-03
      同问
      2019-12-03
      回复
登录 后发表内容