最近要在react项目中使用萤石云提供的ezuikit库来接入萤石云摄像头,实现远程播放、控制移动、放大缩小等功能,首先百度搜类似的需求,搜不到,只能自己采坑,登萤石云官网,看对应文档。
一、登录萤石云开放平台,下载demo并运行
- 在萤石云开放平台官网(https://open.ys7.com)的导航栏中,点击下载按钮
- 页面下方,分别有对应JavaScript、Android、IOS的demo,这里,我们下载JavaScript
- 下载的demo中,会有对应的原生js摄像头案例,以及用vue、react框架的案例,打开下载的文件里的EZUIKit-JavaScript-npm\demos\react-demo,先用npm或者yarn下载依赖,之后执行npm run start命令就可以运行demo了,
- 直接启动的话,代码中需要将一些参数修改为真实数据才能看到真实的摄像头画面
二、在实际项目中使用,实现基础播放功能
- 首先,项目要下载依赖,在react中,用npm或者yarn下载ezuikit-js库
- 页面引入下载的库
import EZUIKit from 'ezuikit-js'
- render钩子中