微信小程序使用萤石直播插件，多个摄像头切换及封面配置

文档概述 · 萤石开放平台API文档，这里是萤石的开发文档

 

---

首先进入微信小程序，点设置进入第三方设置，添加插件，通过搜索萤石的appid搜索

萤石的appid是wxf2b3a0262975d8c2，然后在代码页配置，并且在需要使用的页面配置，pages.json,配置代码如图下即可

 {
			"path": "pages/Facts/Facts",
			"style": {
			
				"navigationBarTextStyle": "white",
				"navigationBarBackgroundColor": "#050064",
				"navigationBarTitleText": "直播",
				"enablePullDownRefresh": false,
				"mp-weixin": {
					"usingComponents": {
						"ezplayer": "plugin://ezplayer/ezplayer"
					}
				}
			}

		},

然后在manifest.json文件下引用该插件及如下：

  "plugins" : {
            "ezplayer" : {
                "version" : "1.0.1",
                "provider" : "wxf2b3a0262975d8c2"
            }
        },

同时也要根据微信小程序第三方插件的版本号，非则会导致不能使用的情况，之前在配置这个插件的时候，那边出现了有些bug，从1.0.0更新到1.0.1版本

萤石开放平台-提供持续稳定的以音视频为主的全场景、多功能综合性服务，这里是萤石的控制台，可以管理设备，绑定设备，也是获取直播token的地方，如果有其他问题的地方，也可以开工单，与那边技术对接

然后就是插件的使用了，在使用的页面写入：

<ezplayer
@handleError="handleError" 

 //这里是报错的原因，回弹出，当设备不在线，token过期的时候会提示

 :plugins="plugins"

 id="ezplayer"

 height="261"

:accessToken="Token" 	

//萤石摄像头的token是每个星期更新一次，这里得注意	
	
:url="`rtmp://open.ys7.com/${live}/1/live`" 

 // live是我定义的一个字段，就是该设备直播的型号

themeData='{"poster":"这里是直播封面的图片","controls": {"muteBtn":false,"fullScreenBtn":false,"hdBtn":false}}' />

  //poster下填的是直播封面图片地址，不可变，且不能是本地图片

*还有重点来了，微信小程序的真机调试是不能看到摄像头的效果，必须是测试，电脑上也看不到效果，只能在手机上看到，并且还需要下载萤石的app,电脑端，名称是Ezviz Studio，下载后需要把摄像头的协议修改，摄像头有自己的隐私协议，即视频加密，把该功能关闭即可，如图所示

然后就可以使用了，上诉步骤缺一不可。