首頁 > 微信小程式 > 小程式開發 > 微信小程式中如何使用騰訊視訊插件?

微信小程式中如何使用騰訊視訊插件?

青灯夜游
發布: 2020-04-01 09:37:31
轉載
6458 人瀏覽過

在微信小程式開發中如何使用騰訊視訊外掛程式?以下這篇文章跟大家介紹一下騰訊影片外掛程式使用教學。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

微信小程式中如何使用騰訊視訊插件?

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

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

在小程式中引入外掛程式。

進入微信公眾平台,在設定中找到第三方服務,在外掛程式管理中加入外掛程式。搜尋到騰訊視頻,點擊添加,同時打開騰訊視頻的詳情,在裡面找到該插件的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(); / /播放

這就是成功引用騰訊視訊外掛的全部過程了,希望能夠幫助到一樣使用這個外掛程式遇到問題的人。

推薦:《小程式開發教學

以上是微信小程式中如何使用騰訊視訊插件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:jisuapp.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板