テンセントビデオプレーヤーのプラグインを追加するための小さなマイクロチャネルプログラム管理の背景ログイン:
公式スタートは最初のテンセントビデオアプレットプラグインのマイクロチャネル公共プラットフォームを使用する必要があります前に - 以下に示すように、プラグインを追加する>プラグイン管理 - >サードパーティの設定:
ユニアプリでプラグインのコードの導入:
マルチプラットフォームのためのユニアプリの理由を開発することができるので、単一のアプリ開発のマイクロチャネル小さなプログラムを使用してマイクロチャンネル小さなプログラムを開発するためのマイクロ文字のWeb開発ツールを使用する際には、直接の非常に異なることに注意してくださいので、異なるプラットフォームの開発の対応する設定効果を取ることができるように指定された位置に必要。ユニアプリTencentのビデオを導入することに使用することができる第二の指定されたサブに対応するものは(アプレットがすべてのサブを使用することができる)アプレット全体で使用される2つの方法が、存在するアプレット。
全体のアプレットを使用することができることを指定します。
プラグインは、特定のコンフィギュレーションマニュアルを参照して、開発を使用する前にプラグインMP-weixinのmanifest.jsonをの使用を宣言するプラグインを有します。
"MP-Weixin":{ / *設定アプレット* / "usingComponents":trueに、//カスタムコンポーネントモードを有効にするかどうかを "APPID": "AppIDのアプレット"、 "プラグイン":{ "tencentvideo":{ "バージョン":" 1.3.6」、 "プロバイダ":"テンセントビデオは" AppIDのアプレット } } }
対応するサブ使用に割り当てられています:
如果插件只在(同一个插件不能被多个分包同时引用)一个分包用到,可以单独配置到分包中,这样插件不会随主包加载,可以在pages.json
的subPackages中声明插件:
{ "subpackages": [ { "root": "package1",//分包名称 "pages": [ "pages/cat", "pages/dog" ], "plugins": { "tencentvideo": { "version": "1.3.6", "provider": "腾讯视频小程序AppID" } } } ] }
在pages.json全局配置文件中对要使用插件的页面配置如下条件编译代码:
"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>
关于如何获取腾讯视频vid问题:
打开网页腾讯视频=>随便找到一个视频点击鼠标右键=>赋值链接地址(仅供参考)如下图所示:
最后取视频连接地址.html前面的那一小串英文数字编号即可,下图所示:
参考资料:
腾讯视频小程序播放插件开发文档:
https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b&token=&lang=zh_CN
decloud uni-app相关配置:
https://uniapp.dcloud.io/component/mp-weixin-plugin