uniapp 海康硬盘录像机 无websocket通过GB28181 协议对接

Question

uniapp 海康硬盘录像机 无websocket通过GB28181 协议对接

Answer 1

让 “紫雾凌寒” 来帮你回答,本回答结合 DeepSeek

如果还有问题，请评论或点击头像私信，如果有帮助到您, 请关注、采纳、点赞

1. 关键点分析：
   - 要在uniapp中实现与海康硬盘录像机通过GB28181协议对接，且没有websocket支持。这意味着需要按照GB28181协议规范进行HTTP等相关通信方式的实现。
   - 涉及到与海康设备建立连接、发送请求获取设备信息、视频流等数据，以及处理协议中的各种消息交互。
2. 解决方案：
   - 引入HTTP库：在uniapp项目中，可以使用uni.request等方式来进行HTTP通信。例如：
   javascript uni.request({ url: 'http://your_device_ip:port/GB28181/xxx', // 根据GB28181协议的具体接口地址 method: 'GET', // 或者POST等其他方法 success: function (res) { console.log(res.data); }, fail: function (err) { console.error(err); } });
   - 解析GB28181协议：
   • 熟悉GB28181协议的消息格式，比如SIP消息等。对于请求设备列表的消息，可能格式如下：
     xml <?xml version="1.0" encoding="UTF-8"?> <SIPRequest sipVersion="2.0" method="REGISTER" from="sip:34020000001320000001@192.168.1.100:5060" to="sip:34020000001320000001@192.168.1.100:5060" callId="1407147488886886783" cSeq="1 REGISTER"> <Via sipVersion="2.0" branch="z9hG4bK47587632" received="192.168.1.100" maddr="192.168.1.100" transport="UDP"/> <Contact sipVersion="2.0" uri="sip:34020000001320000001@192.168.1.100:5060" expires="3600"/> <Max-Forwards>70</Max-Forwards> <User-Agent>EasyGBS</User-Agent> </SIPRequest>
     可以使用XML解析库来处理这种格式的消息。在uniapp中，可以使用@dcloudio/uni-xml2js库来解析XML。首先安装：
     bash npm install @dcloudio/uni-xml2js
     然后使用示例：
     javascript const xml2js = require('@dcloudio/uni-xml2js'); const xml = `<?xml version="1.0" encoding="UTF-8"?><SIPRequest sipVersion="2.0" method="REGISTER" from="sip:34020000001320000001@192.168.1.100:5060" to="sip:34020000001320000001@192.168.1.100:5060" callId="1407147488886886783" cSeq="1 REGISTER"><Via sipVersion="2.0" branch="z9hG4bK47587632" received="192.168.1.100" maddr="192.168.1.100" transport="UDP"/><Contact sipVersion="2.0" uri="sip:34020000001320000001@192.168.1.100:5060" expires="3600"/><Max-Forwards>70</Max-Forwards><User-Agent>EasyGBS</User-Agent></SIPRequest>`; xml2js.parseString(xml, function (err, result) { if (!err) { console.log(result); } });
   • 处理设备认证与注册：
   • 根据GB28181协议，设备需要进行认证和注册。例如，发送注册请求到设备：
     javascript const registerXml = `<?xml version="1.0" encoding="UTF-8"?><SIPRequest sipVersion="2.0" method="REGISTER" from="sip:your_device_id@your_domain" to="sip:your_device_id@your_domain" callId="your_call_id" cSeq="1 REGISTER"><Via sipVersion="2.0" branch="z9hG4bKyour_branch" received="your_device_ip" maddr="your_device_ip" transport="UDP"/><Contact sipVersion="2.0" uri="sip:your_device_id@your_device_ip:5060" expires="3600"/><Max-Forwards>70</Max-Forwards><User-Agent>your_user_agent</User-Agent></SIPRequest>`; uni.request({ url: 'http://your_device_ip:5060/GB28181/xxx', method: 'POST', data: registerXml, header: { 'Content-Type': 'application/xml' }, success: function (res) { console.log('注册成功', res.data); }, fail: function (err) { console.error('注册失败', err); } });
   • 获取视频流：
   • 通过GB28181协议获取设备的视频流地址，并使用uniapp的video组件或者第三方视频播放库（如uni-media-player）来播放视频流。首先获取视频流地址：
     javascript const getStreamXml = `<?xml version="1.0" encoding="UTF-8"?><SIPRequest sipVersion="2.0" method="INVITE" from="sip:your_device_id@your_domain" to="sip:your_device_id@your_domain" callId="your_call_id" cSeq="1 INVITE"><Via sipVersion="2.0" branch="z9hG4bKyour_branch" received="your_device_ip" maddr="your_device_ip" transport="UDP"/><Contact sipVersion="2.0" uri="sip:your_device_id@your_device_ip:5060" expires="3600"/><Max-Forwards>70</Max-Forwards><User-Agent>your_user_agent</User-Agent><Content-Type>application/sdp</Content-Type><Content-Length>your_sdp_length</Content-Length><SDP>your_sdp_content</SDP></SIPRequest>`; uni.request({ url: 'http://your_device_ip:5060/GB28181/xxx', method: 'POST', data: getStreamXml, header: { 'Content-Type': 'application/xml' }, success: function (res) { const streamUrl = parseStreamUrlFromResponse(res.data); // 解析视频流地址的函数 // 假设使用uni-media-player播放 uni.createSelectorQuery().select('#video-player').fields({ node: true, size: true }, function (res) { const videoPlayer = res.node; videoPlayer.src = streamUrl; videoPlayer.play(); }).exec(); }, fail: function (err) { console.error('获取视频流失败', err); } });
3. 方案优缺点：
   - 优点：
   • 利用uniapp的跨平台特性，可以方便地在多个平台上实现与海康硬盘录像机的对接，无需针对不同平台编写大量重复代码。
   • 通过HTTP通信方式，对于没有websocket支持的情况是一种可行的替代方案，且大多数网络环境都支持HTTP。
   • 缺点：
   • HTTP是无状态协议，相比websocket需要更多的请求来维持连接状态，可能会增加网络开销。
   • 解析GB28181协议相对复杂，需要对协议有深入理解，开发难度较大。
4. 总结：
   通过在uniapp中利用HTTP库按照GB28181协议规范进行通信，包括处理协议消息解析、设备认证注册以及视频流获取等操作，可以实现与海康硬盘录像机在无websocket情况下的对接。虽然存在一些缺点，如网络开销和开发难度，但利用uniapp的跨平台优势能够有效提高开发效率。

希望以上解答对您有所帮助。如果您有任何疑问，欢迎在评论区提出。