萤石云视频监控接入详细流程,添加设备,展示视频,云台控制

本文详细介绍了如何通过双绞线连接设备并修改IP地址,以接入局域网。接着,使用IE浏览器进入设备设置,将其接入萤石云平台,并提供了修改设备设置和获取验证码的步骤。在萤石云开放平台注册并添加设备,使用设备序列号和验证码完成添加。此外,还展示了如何获取AppKey、Secret和AccessToken以在前端展示视频。最后,提到了利用萤石云开放平台的Java接口进行云台控制。

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

一、添加设备

1.准备一根双绞线(一头568A,一头568B),用于连接设备修改 IP 地址将设备接入局域网(也可以使用路由器解决第一次组网)检查本机 IP 段(ipconfig /all)

2.使用 IE 浏览器 进入设备(地址在说明书上有)

进入 网络->基本配置->TCP/IP 设置设备地址信息,如下图1,

将设备设置为同一网段

使用 ping 命令检查设备是否接入局域网(ping 192.168.1.64 -t)

 

                                                   图1

3.修改设备设置将设备接入萤石云平台

进入 网络->高级配置->平台接入 将平台接入方式改为“萤石云”,萤石云协议下可以看到设备验证码,可修改保存(添加设备要用到)

 

                                                        图2

Ehome 协议下可以看到 设备序列号 (好多地方要用到)

 

                                                 图3

4.进入萤石云开放平台添加设备,网址:https://open.ys7.com/cn

注册并登录,从 Header 进入控制台。个人版账户框免费添加10台设备。

 

进入 我的资源->设备列表选择添加设备

添加设备,设备序列号 与 验证码 请参见图2,图3

                                                              图4

以上步骤添加设备完毕。

 

二、展示视频

1、进入 我的账号->应用信息  获取AppKey(应用key)、Secret(秘钥)、AccessToken(token,注意7天过期需要定时刷新)

                                                                                                                                                                               图5

2、前端监控代码,设备序列号参见图2,AccessToken参见图5:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/ezuikit.js"></script>
</head>
<body>
<div>

    <iframe
            src="https://open.ys7.com/ezopen/h5/iframe?url=ezopen://open.ys7.com/设备序列号/1.live&autoplay=1&accessToken=自己的AccessToken"
            width="600"
            height="400"
            id="ysOpenDevice"
            allowfullscreen
    >
    </iframe>

</div>
</body>
</html>

 

 

三、操作设备(云台控制)

https://gitee.com/zhangxiaolei5031/YSY.git 拉取 萤石云开放平台java接口 调用这两个API进行云台控制

要在Vue项目中接入萤石云视频并默认启用云台控制功能,你需要按照以下步骤操作: 1. 安装依赖:首先确保你已经在项目中安装了Vue和相关的插件,如axios用于发起HTTP请求。如果还没有,可以使用`npm install vue axios`命令。 2. 注册萤石API客户端:你需要获取萤石提供的API密钥和设备ID。注册一个萤石开发者账户,然后创建一个新的应用,在配置中获取到App Key和Device Token。 3. 创建组件:创建一个新的Vue组件,例如VideoPlayer.vue,用于显示视频流,并处理云台控制逻辑。在该组件中,初始化API客户端并设置默认的云台控制状态。 ```html <template> <div class="video-player"> <video :src="videoUrl" controls></video> <button v-if="isTiltEnabled" @click="toggleTilt">云台控制</button> </div> </template> <script> export default { data() { return { videoUrl: '', isTiltEnabled: true, }; }, mounted() { this.fetchVideoStream(); }, methods: { fetchVideoStream() { // 使用axios或其他HTTP库从萤石服务器获取视频流URL this.$http.get('your-api-url', { params: { appKey, deviceToken } }).then((response) => { this.videoUrl = response.data.stream; }); }, toggleTilt() { this.isTiltEnabled = !this.isTiltEnabled; // 根据实际情况更新云台控制状态 }, }, }; </script> ``` 4. 调整云台控制逻辑:通常萤石API会提供相应的接口来控制云台,你需要在这个`toggleTilt`方法中调用这个接口来实际执行云台的操作。 5. 启动云台服务(如果需要):如果设备支持持续运行的云台控制服务,可能还需要额外的定时任务或事件监听来维持云台控制的状态。 6. 测试和调整:确保你在本地环境中测试视频播放和云台控制是否正常工作,可能需要根据萤石的具体文档进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值