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页面上使用腾讯视频播放组件:

<视图>
<脚本>
导出默认值{
数据(){
返回{
视频ID:'c3029q7tdnp'
};
}
}
5、 如何获取腾讯视频视频:
打开网页腾讯视频=>随机查找视频并单击鼠标右键=>分配链接地址(仅供参考)如下图所示:
形象
最后,取视频连接地址前面的一小串英文数字。html,如下图所示:
形象
参考材料
腾讯视频小程序播放插件开发文档:
与云uniApp相关的配置:
微信小程序特定配置:
原作者:罗兰

原始链接: