本文可参考uniapp小程序插件 以及 萤石微信小程序插件接入文档
效果图
一. 申请插件
登录您的小程序微信公众平台,点击左侧菜单栏,进入设置页,在第三方设置->插件管理->添加插件 中申请ezplayer插件,申请的插件appId为【wxf2b3a0262975d8c2】。
二. 插件引入
打开根目录的 manifest.json 文件 点击源码视图 在"mp-weixin" 里面 插入以下代码
// 萤石小程序插件
"plugins": {
"ezplayer": {
"version": "1.0.1",
"provider": "wxf2b3a0262975d8c2"
}
}
三. 页面引入
打开根目录的 pages.json 文件 在使用页面的路由内写入以下代码
"mp-weixin": {
"usingComponents": {
"ezplayer": "plugin://ezplayer/ezplayer"
}
}
四. 页面使用
<ezplayer
id="ezplayer"
accessToken="at.2hdfydlwbosyhtcf4uxm6uw57tfft7nq-5j41h8wjsu-0pf7eql-iwk0boaca"
url="rtmp://open.ys7.com/FA6803244/1/live"plugins="talk,voice,capture,ptz,privacy,mirror"
bind:handleError="handleError" />
五. 调试
在微信开发者工具点击播放视频,此时页面弹出提示:网络异常,控制台提示:开始播放失败 {errMsg: "operateLivePlayer:fail no permission"}
注意:这是一个坑!!!可不必理会,打开微信开发者工具的预览 即可
遇到这种情况,就找你老板在官网购买流量去吧
最后,ok