微信小程序騰訊視頻插件的使用

summerpxy 發布于2019-08-22 18:35 / 2312人閱讀

摘要：在開發一個小程序項目時，需要在頁面中觀看視頻，就需要使用到微信小程序的騰訊視頻插件，這樣就可以在頁面中引用騰訊視頻，而無需使用自己的服務器進行視頻的播放，節約了很大的服務器開支。

在開發一個小程序項目時，需要在頁面中觀看視頻，就需要使用到微信小程序的騰訊視頻插件，這樣就可以在頁面中引用騰訊視頻，而無需使用自己的服務器進行視頻的播放，節約了很大的服務器開支。但是微信小程序插件的文檔寫的很不清楚，因此將我的解決方法寫在這里。

一、在小程序中引入插件。

進入微信公眾平臺，在設置中找到第三方服務，在插件管理中添加插件。搜索到騰訊視頻，點擊添加，同時打開騰訊視頻的詳情，在里面找到該插件的appid與版本號。

接著是代碼部分，在app.json中添加

  "plugins": {
    "tencentVideo": {
      "version": "1.1.1",
      "provider": "wxa75efa648b60994b"
    }

其中version是版本號，provider是appid。

二、在需要使用的頁面中引用該插件的組件

官方文檔并沒有關于該方法的具體說明，所以會導致出現無法找到對應playerid的txv-video的問題

打開想要使用插件頁面的json文件，在里面添加

 "usingComponents": {
    "txv-video": "plugin://tencentVideo/video"
  }

這就代表著可以在頁面中使用txv-video組件啦

三、在頁面中使用組件

進入wxml文件，在里面添加

這一步很簡單，vid是騰訊視頻的vid，playerid是該txv-video唯一識別碼，這個組件不能通過css進行樣式修改

四、在js中進行引入

如果你不想在js中對該插件進行控制的話，可以不引入。

    const TxvContext = requirePlugin("tencentVideo");
    let txvContext = TxvContext.getTxvContext("txv1");
    txvContext.play(); //播放

這就是我成功引用騰訊視頻插件的全部過程了，希望能夠幫助到一樣使用這個插件遇到問題的人。

GPU云服務器云服務器微信小程序怎么使用怎樣使用微信小程序如何使用微信小程序微信小程序如何在電腦上使用

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96015.html

前端資源系列（3）-微信小程序開發資源匯總

摘要：微信小程序應用號開發資源匯總文檔工具教程代碼插件組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者工具官方支持微信小程序實時預覽的支持的微信小程序組件化開發框架轉在線工具小程序云端增強社區微信小程序微信(小程序or應用號)開發資源匯總-文檔-工具-教程-代碼-插件-組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者...

paney129 2019-08-20 11:14 評論0 收藏0
常青：小程序音視頻能力再升級

摘要：采訪了騰訊云音視頻業務終端研發團隊負責人常青，針對小程序音視頻能力技術升級場景支持政策審核以及未來演進趨勢進行了詳細的探討。 LiveVideoStack采訪了騰訊云音視頻業務終端研發團隊負責人常青，針對小程序音視頻能力技術升級、場景支持、政策審核以及未來演進趨勢進行了詳細的探討。文 / 常青策劃 / LiveVideoStack LiveVideoStack：常青你好，能否向Liv...

jerryloveemily 2019-06-21 16:19 評論0 收藏0