萤石开放平台-摄像头画面如何在小程序上播放?

这篇具有很好参考价值的文章主要介绍了萤石开放平台-摄像头画面如何在小程序上播放?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

背景介绍

在应用轻量化的趋势中,越来越多的开发者选择以微信小程序作为载体进行应用服务的开发。在开发过程中,开发者经常会面临以下问题:不知道哪种开发方案更加符合自己的诉求?在开发过程中需要准备哪些额外资料?各方案之间最终呈现的效果会有什么差异?

下方提供小程序原生开发、小程序内嵌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文章来源地址https://www.toymoban.com/news/detail-485769.html

到了这里,关于萤石开放平台-摄像头画面如何在小程序上播放?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 摄像头画面作为电脑桌面背景

    1. 创建文件main.pyw,文件内容 2. 创建文件requirements.txt,文件内容 3. 安装依赖 4. 运行 双击main.pyw 防火布 github下载代码 从上面第3步开始执行

    2024年02月03日
    浏览(47)
  • ☀️将大华摄像头画面接入Unity 【1】配置硬件和初始化摄像头

    目前的设想是后期采用网口供电的形式把画面传出来,所以这边我除了大华摄像头还准备了POE供电交换机,为了方便索性都用大华的了,然后全都连接电脑主机即可。 这边初始化摄像头需要用到大华的Configtool软件,下载地址如下。 全部-浙江大华技术股份有限公司 (dahuatech

    2024年02月21日
    浏览(118)
  • 为什么监控摄像头画面不如手机拍摄视频画面清晰

    一天和一个做餐饮的朋友吃饭聊天,他提出一个问题,几百块的监控摄像头就是纯粹做监控功能 ,视频拍摄的画面为什么还没有几百元的手机拍摄的视频画面清晰,对于此特意查了一下技术资料,整理一下,以备下次再详细忽悠! 当我们看到监控摄像头的画面与手机拍摄视

    2024年02月01日
    浏览(64)
  • JavaScript音视频,使用JavaScript如何在浏览器录制电脑摄像头画面为MP4视频文件并下载视频文件到本地

    本章介绍使用JavaScript如何在浏览器录制电脑摄像头画面为MP4视频文件并下载视频文件到本地。 1、使用navigator.mediaDevices.getUserMedia获取摄像头画面 2、将获取到的摄像头画面渲染到canvas画板上 3、将canvas转换为blob对象 4、通过document.createElement(‘a’)调用 href 方法获取此链接并触

    2024年02月02日
    浏览(84)
  • 消除Python OpenCV显示摄像头画面的延迟

    用 Python 通过 OpenCV显示摄像头画面时,如果对视频帧进行一些处理,常常会遇到一个问题,显示的画面比眼睛看到真实场景慢几秒甚至更多,给用户的体验不好。 画面延迟与卡顿的区别 卡顿 是指视频播放时,出现一顿一顿的现象,不流畅,通常每秒播放速率少于10帧就可以

    2024年02月11日
    浏览(55)
  • Android实时获取摄像头画面传输至PC端

    最近在做一个PC端小应用,需要获取摄像头画面,但是电脑摄像头像素太低,而且位置调整不方便,又不想为此单独买个摄像头。于是想起了之前淘汰掉的手机,成像质量还是杠杠的,能不能把手机摄像头连接到电脑上使用呢?经过搜索,在网上找到了几款这类应用,但是都

    2024年02月12日
    浏览(52)
  • Carla自动驾驶仿真六:pygame多个车辆摄像头画面拼接

    此文章主要介绍carla前后左右摄像头画面拼接到pygame上 1、使用carla做仿真测试或者开发时,如果能够将车辆周边的画面拼接并渲染,可以直观地查看周围地环境,便于调试。本文将介绍使用carla中的camera传感器监控自车周边的画面,并通过pygame可视化。 1、如果摄像头的横向分

    2024年01月16日
    浏览(51)
  • 海康摄像头前端调用实时画面解决方案(无插件版开发)

    项目中有一个需求,是需要把海康摄像机的实时画面在项目前端的页面中展示出来。本文的技术栈主要用到了 vue3、vite、threejs 等,辅助软件主要有 海康自带的iVMS-4200 3.9.1.4 客户端、VLC media player 等。原先最开始是想使用海康官方提供的WEB无插件开发包,但是在实际开发中发

    2024年02月16日
    浏览(56)
  • RK3588安装Qt+opencv+采集USB摄像头画面

    Qt:5.12.8 opencv:3.4.14 qt安装 ---------------------------------------------------------------------------------- 因为使用官网下载的版本始终安装失败,所以我可以直接使用命令行进行下载安装: 1:首先先将ubuntu的软件更新,并更新镜像源 sudo apt-get update sudo apt-get upgrade 2:使用如下步骤安装Qt

    2023年04月10日
    浏览(59)
  • Android中相机(Camera)画面旋转角度分析:手机摄像头的“正向”、手机画面自然方向、相机画面的偏转角度

    #.概述:     1.如同人眼看东西分上下一样,摄像头也有其“正向”,正常情况下,Android手机后置、前置摄像头的“正向”朝向为手机的“右侧”(默认如此,除非手机厂商修改设置)。 (这里运行代码做过测试发现,前置摄像头也是以右侧为正向,而不是有些资料上说的

    2024年02月14日
    浏览(81)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包