uni app微信小程序开发介绍腾讯视频小程序播放插件

app开发

小程序开发


浏览:1130 次

1、 登录微信小程序管理后台添加腾讯视频播放插件:

在正式使用腾讯视频小程序插件之前,您需要在微信公众平台->第三方设置->插件管理办公室添加插件,如下图所示:

形象

2、 在uni app中引入插件代码:

注意,使用uni app开发微信小程序和直接使用微信网页开发工具开发微信App有很大的区别。由于uni app可以开发多个平台,因此需要将开发不同平台的相应配置放置在指定位置才能生效。uni app介绍腾讯视频小程序有两种方式:一种是可以使用整个小程序(小程序中的所有子包都可以使用),另一种是指定可以使用相应的子包。

1.指定整个小程序可以使用:

在使用插件之前,您需要在manifest.json中声明mp-weixin中的插件。具体配置请参考插件的开发文档:

“mp weixin”:{

/*小程序相关配置*/

“usingComponents”:true,//启用自定义组件模式

“Appid”:“小程序Appid”,

“插件”:{

“腾讯视频”:{

“版本”:“1.3.6”,

“提供商”:“腾讯视频小程序AppID”

}

}

}

2.分配给相应的分包商使用:

如果一个插件仅在一个分包中使用(同一个插件不能同时被多个分包引用),则可以在分包中单独配置该插件,这样该插件不会与主包一起加载。您可以在页面中声明插件。json的子包:

{

“子包”:[

{

“根”:“package1”,//分包名称

“页面”:[

“页数/目录”,

“页面/狗”

],

“插件”:{

“腾讯视频”:{

“版本”:“1.3.6”,

“提供商”:“腾讯视频小程序AppID”

}

}

}

]

}

3、 在页面中。json全局配置文件,检查页面以使用插件

配置以下条件以编译代码:

“使用组件”:{

//#ifdef MP-WEIXIN

“txv视频”:“plugin://tencentvideo/video "

//#结束

},

形象

4、 在vue页面上使用腾讯视频播放组件:

<视图>

<;/txv视频>

<脚本>

导出默认值{

数据(){

返回{

视频ID:'c3029q7tdnp'

};

}

}

5、 如何获取腾讯视频视频:

打开网页腾讯视频=>随机查找视频并单击鼠标右键=>分配链接地址(仅供参考)如下图所示:

形象

最后,取视频连接地址前面的一小串英文数字。html,如下图所示:

形象

参考材料

腾讯视频小程序播放插件开发文档:

与云uniApp相关的配置:

微信小程序特定配置:

原作者:罗兰

原始链接: