zoukankan      html  css  js  c++  java
  • 小程序插件使用-腾讯视频插件

    在使用插件前都得先去小程序开放平台添加插件到自己的小程序(注意添加后不是立刻能使用,需要等待审核,不过一般都会很快)
    
     设置 --- 第三方服务 --- 插件管理 ---添加插件  --- 腾讯视频 
    
    腾讯视频插件的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
    
    
  • 相关阅读:
    文件上传漏洞之js验证
    文件上传漏洞靶机upload-labs(1到10)
    URI/URL/URN都是什么
    解压jdk报错gzip: stdin: not in gzip format
    burpsuite常见问题
    C/C++字符串反转的N种方法
    转 二叉树之Java实现二叉树基本操作
    MySQL 面试基础
    转 MySQL中的行级锁,表级锁,页级锁
    MySQL问题排查工具介绍
  • 原文地址:https://www.cnblogs.com/pansidong/p/12893919.html
Copyright © 2011-2022 走看看