
登錄微信小程序管理后臺添加騰訊視頻播放插件
在uni-app中引入插件代碼
在pages.json全局配置文件中對要使用插件的頁面配置如下條件編譯代碼
在.vue頁面中使用騰訊視頻播放組件
關于如何獲取騰訊視頻vid問題
(一)、登錄微信小程序管理后臺添加騰訊視頻播放插件:
正式開始使用騰訊視頻小程序插件之前需先在微信公眾平臺 -> 第三方設置 -> 插件管理處添加插件,如下圖所示:
1. 進入小程序
2. 進入左邊的設置中
3. 點擊第三方設置----(下拉)---插件管理(添加:騰訊視頻)
這個就是對應的騰訊視頻插件的開發文檔地址:https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wxa75efa648b60994b
(二)、 在uni-app中引入插件代碼:
注意在使用uni-app開發微信小程序時與直接會用微信網頁開發工具開發微信小程序是有很大的差別的,因為uni-app可開發多平臺的原因,因此不同平臺的開發相應的配置需要放到指定的位置才能夠生效。而uni-app引入騰訊視頻小程序有兩種方式一種是整個小程序可使用(小程序中所有的分包可以使用),第二種是指定對應的分包可使用。
(三)、指定整個小程序可使用:
使用插件之前需要在manifest.json中的mp-weixin內聲明使用的插件,具體配置參照所用插件的開發文檔:
{
"subpackages": [
{
"root": "package1",//分包名稱
"pages": [
"pages/cat",
"pages/dog"
],
"plugins": {
"tencentvideo": {
"version": "1.3.6", //這個地方一定要寫最新的插件版本
"provider": "騰訊視頻小程序AppID"
}
}
}
]
}
(四)、在pages.json全局配置文件中對要使用插件的頁面配置如下條件編譯代碼:
,{"path": "pages/show/show","style": {"navigationStyle": "custom","navigationBarTitleText": "詳細內容",
"usingComponents": {
// #ifdef MP-WEIXIN
"txv-video": "plugin://tencentvideo/video"
// #endif
}
}}
(五)、在.vue頁面中使用騰訊視頻播放組件:
<view>
<!--vid中的騰訊視頻id最好為動態的數據,方便管理-->
<txv-video :vid="VideoId" playerid="txv1"></txv-video>
</view>
<script>
export default {
data() {
return {
VideoId:'c3029q7tdnp'
};
}
}
</script>
(六)、 參考資料:
騰訊視頻小程序播放插件開發文檔:
https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b&token=&lang=zh_CN
decloud uni-app相關配置:
https://uniapp.dcloud.io/component/mp-weixin-plugin
微信小程序特有配置:
https://uniapp.dcloud.io/collocation/manifest?id=mp-weixin
您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。