摘要:在開(kāi)發(fā)一個(gè)小程序項(xiàng)目時(shí),需要在頁(yè)面中觀看視頻,就需要使用到微信小程序的騰訊視頻插件,這樣就可以在頁(yè)面中引用騰訊視頻,而無(wú)需使用自己的服務(wù)器進(jìn)行視頻的播放,節(jié)約了很大的服務(wù)器開(kāi)支。
在開(kāi)發(fā)一個(gè)小程序項(xiàng)目時(shí),需要在頁(yè)面中觀看視頻,就需要使用到微信小程序的騰訊視頻插件,這樣就可以在頁(yè)面中引用騰訊視頻,而無(wú)需使用自己的服務(wù)器進(jìn)行視頻的播放,節(jié)約了很大的服務(wù)器開(kāi)支。但是微信小程序插件的文檔寫(xiě)的很不清楚,因此將我的解決方法寫(xiě)在這里。
一、在小程序中引入插件。進(jìn)入微信公眾平臺(tái),在設(shè)置中找到第三方服務(wù),在插件管理中添加插件。搜索到騰訊視頻,點(diǎn)擊添加,同時(shí)打開(kāi)騰訊視頻的詳情,在里面找到該插件的appid與版本號(hào)。
接著是代碼部分,在app.json中添加
"plugins": { "tencentVideo": { "version": "1.1.1", "provider": "wxa75efa648b60994b" }
其中version是版本號(hào),provider是appid。
二、在需要使用的頁(yè)面中引用該插件的組件官方文檔并沒(méi)有關(guān)于該方法的具體說(shuō)明,所以會(huì)導(dǎo)致出現(xiàn)無(wú)法找到對(duì)應(yīng)playerid的txv-video的問(wèn)題
打開(kāi)想要使用插件頁(yè)面的json文件,在里面添加
"usingComponents": { "txv-video": "plugin://tencentVideo/video" }
這就代表著可以在頁(yè)面中使用txv-video組件啦
三、在頁(yè)面中使用組件進(jìn)入wxml文件,在里面添加
這一步很簡(jiǎn)單,vid是騰訊視頻的vid,playerid是該txv-video唯一識(shí)別碼,這個(gè)組件不能通過(guò)css進(jìn)行樣式修改
四、在js中進(jìn)行引入如果你不想在js中對(duì)該插件進(jìn)行控制的話(huà),可以不引入。
const TxvContext = requirePlugin("tencentVideo"); let txvContext = TxvContext.getTxvContext("txv1"); txvContext.play(); //播放
這就是我成功引用騰訊視頻插件的全部過(guò)程了,希望能夠幫助到一樣使用這個(gè)插件遇到問(wèn)題的人。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/96015.html
摘要:微信小程序應(yīng)用號(hào)開(kāi)發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個(gè)微信小程序開(kāi)始小程序開(kāi)發(fā)文檔小程序設(shè)計(jì)指南工具小程序開(kāi)發(fā)者工具官方支持微信小程序?qū)崟r(shí)預(yù)覽的支持的微信小程序組件化開(kāi)發(fā)框架轉(zhuǎn)在線(xiàn)工具小程序云端增強(qiáng)社區(qū)微信小程序 微信(小程序or應(yīng)用號(hào))開(kāi)發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個(gè)微信小程序開(kāi)始 小程序開(kāi)發(fā)文檔 小程序設(shè)計(jì)指南 工具 小程序開(kāi)發(fā)者...
摘要:采訪(fǎng)了騰訊云音視頻業(yè)務(wù)終端研發(fā)團(tuán)隊(duì)負(fù)責(zé)人常青,針對(duì)小程序音視頻能力技術(shù)升級(jí)場(chǎng)景支持政策審核以及未來(lái)演進(jìn)趨勢(shì)進(jìn)行了詳細(xì)的探討。 LiveVideoStack采訪(fǎng)了騰訊云音視頻業(yè)務(wù)終端研發(fā)團(tuán)隊(duì)負(fù)責(zé)人常青,針對(duì)小程序音視頻能力技術(shù)升級(jí)、場(chǎng)景支持、政策審核以及未來(lái)演進(jìn)趨勢(shì)進(jìn)行了詳細(xì)的探討。 文 / 常青策劃 / LiveVideoStack LiveVideoStack:常青你好,能否向Liv...
閱讀 1096·2021-11-16 11:44
閱讀 1377·2019-08-30 13:12
閱讀 2418·2019-08-29 16:05
閱讀 3082·2019-08-28 18:29
閱讀 918·2019-08-26 13:41
閱讀 3238·2019-08-26 13:34
閱讀 2607·2019-08-26 10:35
閱讀 942·2019-08-26 10:28