【无标题】uniapp引入萤石云 真机无法运行 踩坑集合

本文讲述了作者在尝试将Uniapp接入萤石云过程中遇到的问题,包括最初使用UIKitJavascript失败、发现需要web-view、官方文档更新、Vue版本转换的困扰,最终通过web-view解决并在真机上实现正常显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Uniapp 接入萤石云 踩坑

1.先用了 UIKit Javascript

在这里插入图片描述

就是在 pc端 那套流程

 npm install ezuikit-js
import  EZUIKit from 'ezuikit-js';

这套流程貌似只适用于pc端,我在接入uniapp的时候没看官网 以为都是一套流程,然后就在uniapp中也来了这一套,运行在chrome时没问题,但是后来打包的时候,一直报错,打包不了,就是我下载的那个依赖有问题,后来才发现官网有一个专门引入 uniapp的demo

2.官网有demo,就下载了demo 按照demo上面的来,查了资料 好像之前是不支持uniapp直接接入萤石云,要用web-view,但是现在萤石云文档更新了 好像是支持的,具体 自行查看官网demo

https://open.ys7.com/help/529

但我按照demo写了一个,chrome运行没问题,打包也正常,但是在真机上死活看不到监控视频,因为demo是vue2的写法,我又改写成vue3,还是他妈不行,真机上就是看不到,只能说这个 ** 萤石云 文档用四个字形容一下 依托答辩

3.最后还是用了 web-view 完美 easy

https://blog.csdn.net/NAIT9909/article/details/124667594?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-124667594-blog-123926140.235%5Ev38%5Epc_relevant_default_base&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-124667594-blog-123926140.235%5Ev38%5Epc_relevant_default_base&utm_relevant_index=2

放个地址 大家可以参考下 我就不细说了 按照这个流程 我反正是能在真机上正常显示了,目前那个uniapp接入全面公测,我测nm 答辩玩意,当然要是有哪位哥能参考这个demo成功运行在手机上的,也可以发来看下,我给萤石云道歉

uniapp中使用萤石同时支持微信小程序和App,可以通过以下步骤实现: 1. **注册萤石账号并创建应用**: - 前往萤石官网注册账号并创建应用,获取相应的AppKey和AppSecret。 2. **集成萤石SDK**: - 根据萤石提供的文档,分别下载微信小程序和App的SDK。 -uniapp项目中,分别在微信小程序和App的目录下引入萤石的SDK。 3. **配置权限**: - 对于微信小程序,需要在`manifest.json`中配置相应的权限,如摄像头、麦克风等。 - 对于App,需要在`AndroidManifest.xml`(Android)或`Info.plist`(iOS)中配置相应的权限。 4. **初始化SDK**: - 在微信小程序中,通过`wx.EZUIKit.init`方法初始化SDK。 -App中,通过相应的初始化方法初始化SDK。 5. **调用API**: - 使用萤石提供的API进行设备的连接、实时视频流的获取等操作。 - 根据需要,在页面中嵌入视频播放组件,并使用萤石的API进行控制。 以下是一个简单的示例代码: ```javascript // 微信小程序示例 wx.EZUIKit.init({ appKey: 'YOUR_APP_KEY', // 其他配置 }); wx.EZUIKit.startRealPlay({ cameraId: 'YOUR_CAMERA_ID', success: function(res) { console.log('实时视频播放成功'); }, fail: function(res) { console.log('实时视频播放失败'); } }); // App示例 // Android EZUIKit.init(context, "YOUR_APP_KEY", new EZUIKitConfig()); EZUIKit.startRealPlay("YOUR_CAMERA_ID", new EZRealPlayConfig(), new EZUIKitCallback() { @Override public void onSuccess(Object response) { // 实时视频播放成功 } @Override public void onError(int errorCode, String errorMsg) { // 实时视频播放失败 } }); // iOS EZUIKit.sharedInstance()?.initWithAppKey("YOUR_APP_KEY", config: EZUIKitConfig()) EZUIKit.sharedInstance()?.startRealPlay(withDeviceSerial: "YOUR_CAMERA_ID", config: EZRealPlayConfig(), callback: EZUIKitCallback(onSuccess: { response in // 实时视频播放成功 }, onError: { errorCode, errorMsg in // 实时视频播放失败 })) ```
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值