萤石开放平台-摄像头画面如何在小程序上播放?
背景介绍
在应用轻量化的趋势中,越来越多的开发者选择以微信小程序作为载体进行应用服务的开发。在开发过程中,开发者经常会面临以下问题:不知道哪种开发方案更加符合自己的诉求?在开发过程中需要准备哪些额外资料?各方案之间最终呈现的效果会有什么差异?
下方提供小程序原生开发、小程序内嵌H5、跳转/半屏小程序三种方案,优劣势如下表格,可以根据现实情况选择对应的方案。
方案介绍
方案一:小程序原生开发
方案介绍:基于微信官方推出的组件以及萤石开放平台的设备播放控制能力,开发者可进行高自由度的二次开发。
应用环境:微信媒体组件,组件使用权限需要硬件3C资质证明,摄像头设备无强制要求所以大部分设备无该证明
相关资料:萤石云开放平台小程序demo:https://github.com/Ezviz-OpenBiz/WeChat-miniApp
萤石云开放平台小程序
方案二:小程序内嵌H5
方案介绍:在小程序中内嵌H5页面,基于萤石开放平台提供的JSSDK,集成设备播放操作等功能,服务在微信内置浏览器的环境下运行
应用环境:微信内置浏览器,微信web-view组件,该组件需配置业务域名
相关资料:萤石云开放平台JSSDK:https://open.ys7.com/help/31
JSSDK:https://github.com/Ezviz-OpenBiz/EZUIKit-JavaScript-npm
方案三:跳转/半屏小程序
方案介绍:开发者小程序通过微信wx.navigateToMiniProgram或wx.openEmbeddedMiniProgramAPI 跳转至萤石开放平台小程序,通过参数实现对指定设备的播放和操作
应用环境:萤石开放平台小程序
相关资料:https://open.ys7.com/help/32中2.3.1
效果展示:
跳转小程序效果图——
半屏小程序效果图——
半屏小程序方案优势
无资质要求:用户微信小程序无需申请live_player组件资质即可进行视频直播
集成快:一行代码即可实现指定设备的播放和控制
交互体验佳:通过半屏的形式进行播放,无需跳转小程序,大大提高交互体验
设备控制:支持对设备进行对讲、云台、截屏等操作
半屏小程序测试步骤:
Step1:
开发者向萤石的小程序(萤石云开放平台【appId】wxf2b3a0262975d8c2)申请半屏跳转(被半屏跳转的小程序需要通过来源小程序的调用申请,开发者可在小程序管理后台「设置」-「第三方设置」-「半屏小程序管理」板块发起申请,最多可以申请10个小程序;)
申请后需要联系萤石开放平台同事(open-team@ezvizlife.com)统一申请才能拉起半屏
Step2:
调用微信接口wx.openEmbeddedMiniProgram(Object object)按照接口要求输入以下参数
【appId】wxf2b3a0262975d8c2
【页面路径和参数】'/pages/live/live?accessToken=' + tokenValue + '&deviceSerial='+ deviceValue + '&channelNo=' + channelNoValue
相关资料:
微信官方文件:
打开半屏小程序:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/openEmbeddedMiniProgram.html
半屏接口:https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.openEmbeddedMiniProgram.html
萤石开放平台-摄像头画面如何在小程序上播放?相关推荐
- 萤石开放平台——摄像头取流有问题怎么排查?
监控地址可以用我们在线工具测试:EZOPEN播放协议 直播地址可以我们在线工具测试:https://open.ys7.com/jssdk/live.html,也可以通过VLC播放器(https://w ...
- 一个公众号可以绑定几个小程序_微信开放平台可以绑定几个小程序和公众号?...
微信开放平台可以绑定几个小程序和公众号?How many small programs and official accounts can be bound to the WeChat open pl ...
- 萤石开放平台——怎么保存下载摄像头的视频片段?
除了本地SD卡之外,还能怎么把摄像头的视频保存下来呢? 现在有云存储和云录制两种方式,其中云存储只提供事件存储,云录制可以通过云录制可以将告警消息产生的时刻对应的视频进行录制,实现告警消息和视频录制之 ...
- 开放银行布局加速 敏捷迭代小程序生态技术开放平台打造迫在眉睫
一.国内开放银行发展现状 开放银行的酝酿并非一日之功.互联网金融近十年 的发展已经促使银行或主动或被动地进行了诸多 创新尝试,甚至进行坚决的战略转型. 2013年9月,中国银行的中银开放平台1.0版本 ...
- 萤石开放平台二次开发——摄像头取流至抖音直播平台
抖音是一款全民都在使用的社交软件,拥有着上亿的用户,基于如此庞大用户量,不少用户在抖音上开展直播业务. 接下来将为大家介绍如何将接在萤石开放平台上的设备画面同步至抖音直播间. 准备工具: 抖音直播伴侣 ...
- 萤石开放平台的二次开发——摄像头取流至微博直播平台
1.申请开放平台账号注册 1.1登录萤石开放平台主页:https://open.ys7.com/cn/s/index 1.2点击首页左上方的"注册"入口 1.3进入注册页面:htt ...
- 海康威视网络摄像头开发流程(一)------ 萤石开放平台的账号申请
简述 在大二下学期的时候,做过海康威视网络摄像头的系统,当时这个是我首次独立开发的系统,所以一切都是零起步.在开发过程中,遇到了很多问题,当然也都被我解决了(哈哈).今年寒假由于疫情的原因,学校开学推 ...
- 萤石开放平台——怎么通过API接口远程添加摄像头?
高科技摄像头特别是海康萤石摄像头,已经不再只局限于简单的视频功能,特别是智能AI的普及,摄像头也华丽变身成了一个个独立的智能个体,可以实现人脸抓拍,人形检测,客流统计等店铺值守场景,也可以实现安全帽识 ...
- iOS-Undefined symbols for architecture x86_64-- 调适萤石摄像头驱动程序--萤石开放平台
Undefined symbols for architecture x86_64 报错如下 Undefined symbols for architecture x86_64:"_OBJC ...
- 萤石开放平台-怎么做账号之间的联动操作?(设备托管)
典型场景: 我是一个总部(公司下有多地分部)技术开发者,现在总部让我把所有地区分布的摄像头对接到总部进行统一管理.这类场景无论在连锁门店.工地.养殖的行业下都是常见的技术实现要求. 难点: 需要保证分 ...
最新文章
- oracle bl编译,使用 PL/SQL 条件编译
- 【印象】2016云栖大会城市峰会:上海、深圳、南京、北京等精彩复现
- BGP重分布进IGP-EIGRP
- Android AIDL使用介绍(3) 浅说AIDL背后的Binder
- linux函数的阻塞与非阻塞IO及错误处理
- maven版本_Maven – 工作原理
- IIS下发布关于Excel导入导出时遇到的问题集锦(转)
- Python环境下工具安装小结
- Whidbey——C#前瞻
- 记一次docker安装rabbitMq-(简单至极)
- 李峋同款的C语言动态爱心代码(终于不是html的啦)
- php fseek函数,C++_详解C语言中fseek函数和ftell函数的使用方法,fseek函数:int fseek(FILE * _ - phpStudy...
- 抱米花豆丁下载器20100529(单文件绿色版)
- centos7下载php7.4
- matplotlib绘制正弦曲线
- 疑问词+不定式(短语)
- 是非人生 — 一个菜鸟程序员的5年职场路 第24节
- 患上糖尿病,为什么要做OCT眼底照相检查?
- 网络设备选型之路由器
- 前端之JS篇(四)——三种循环(forwhiledo...while)