EasyNVR RTSP轉RTMP-HLS流媒體伺服器前端建構之：通過接口擷取實時資訊

對于動态網站，要實時更新網站的資訊，通過接口來擷取實時資訊是一個必不可少的部分。EasyNVR可以接入IPC等前端裝置，必須要實時擷取到對應的IPC實時資訊進行展示。

本篇主要說明Ajax來擷取資料。

以EasyNVR通道接口進行說明：

操作: H5清單顯示；

接口：/api/v1/getchannels

傳回：

1. 所有裝置清單資訊，線上&不線上 通道（包含快照資訊）

2. 通道名稱、通道号、通道快照、通道是否線上

封包：

{
"EasyDarwin" : {
        "Body" : {
        "ChannelCount" : "2",
        "Channels" : [
                {
                "Channel" : 1,
                "Name" : "channel1",
                "Online" : 1,
                "SnapURL" : "/snap/1/2016-10-24/20161024125212.jpg"
                },
                {
                "Channel" : 2,
                "Name" : "channel2",
                "Online" : 0,
                "SnapURL" : ""
                }
        ]
},
"Header" : {
"CSeq" : "1",
"ErrorNum" : "200",
"ErrorString" : "Success OK",
"MessageType" : "MSG_SC_SERVER_GET_CHANNELS_ACK",
"Version" : "1.0"
}
}
}
           

前端可以通過Ajax來進行接口的通路來擷取接口的資料；首先觀察傳回資料的類型；符傳回資料進行處理進行分析；将傳回的資料以對象形式進行周遊展示；

傳回資料形式：

{EasyDarwin: {…}}
EasyDarwin
:
Body
:
ChannelCount
:
"6"
Channels
:
Array(6)
0
:
{Channel: 1, Name: "黃山小鎮", Online: 1, SnapURL: "/snap/1/channel_1.jpg"}
1
:
{Channel: 2, Name: "科學大道與黃山路交口", Online: 0, SnapURL: ""}
2
:
{Channel: 3, Name: "辦公室ONVIF", Online: 0, SnapURL: ""}
3
:
{Channel: 4, Name: "辦公室", Online: 0, SnapURL: ""}
4
:
{Channel: 5, Name: "留學生創業園", Online: 0, SnapURL: ""}
5
:
{Channel: 6, Name: "北一環與阜陽北路高架交口", Online: 1, SnapURL: "/snap/6/channel_6.jpg"}
length
:
6
__proto__
:
Array(0)
__proto__
:
Object
Header
:
{CSeq: "1", ErrorNum: "200", ErrorString: "Success OK", MessageType: "MSG_SC_SERVER_GET_CHANNELS_ACK", Version: "v1"}
__proto__
:
Object
__proto__
:
Object
           

下一篇主要說明對接收到資料進行處理來進行前端展示；

關于EasyNVR

EasyNVR能夠通過簡單的網絡錄影機通道配置，将傳統監控行業裡面的高清網絡錄影機IP Camera、NVR等具有RTSP協定輸出的裝置接入到EasyNVR，EasyNVR能夠将這些視訊源的音視訊資料進行拉取，轉換為RTMP/HLS，進行全平台終端H5直播（Web、Android、iOS），并且EasyNVR能夠将視訊源的直播資料對接到第三方CDN網絡，實作網際網路級别的直播分發；

詳細說明：http://www.easydarwin.org/easynvr/

擷取更多資訊

郵件：[email protected]

WEB：www.EasyDarwin.org

Copyright © EasyDarwin.org 2012-2017