EasyNVR攝像機網頁無插件直播方案H5前端構建之：接口調用獲取實時信息

背景分析

熟悉EasyNVR產品的小夥伴應該知道，EasyNVR主要針對的是安防類的項目，經過RTSP/onvif協議將前端高清網絡攝像機IPC、NVR等接入進來，而後將設備端的音視頻經過採集、轉換，輸出RTMP、HLS、HTTP-Flv格式直播流，進行全平臺無插件直播。

對於動態網站，要實時更新網站的信息，經過接口來獲取實時信息是一個必不可少的部分。EasyNVR能夠接入IPC等前端設備，必需要實時獲取到對應的IPC實時信息進行展現。

本篇主要說明Ajax來獲取數據

以EasyNVR通道接口進行說明：

• 操做: H5列表顯示；
• 接口：/api/v1/getchannels

返回：

• 全部設備列表信息，在線&不在線 通道（包含快照信息）
• 通道名稱、通道號、通道快照、通道是否在線

報文：

{
"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系統，經過RTSP/Onvif協議採集音視頻數據轉成HLS/FLV格式的視頻流，給內網的手機、電腦、電視牆來播放展現。該方案適合只需在企業內使用的客戶，如企業內部監控。

單點公網

在局域網內部署EasyNVR系統,將EasyNVR的地址映射到公網，手機、電腦等客戶端便可經過互聯網訪問EasyNVR所採集的視頻。該方案適合須要在互聯網訪問，可是訪問量不大的企業。

多點公網

在多個網點部署各部署單獨EasyNVR系統，對接在公網部署的EasyNVS管理系統，實現對各網點的集中管理。該方案適合視頻採集設備分散在不一樣局域網，須要統一管理和對外視頻輸出的項目

RTMP推流

在單位內部署EasyNVR系統，並轉成RTMP，而後推送到CDN或第三方視頻分發系統。該方案適合訪問併發用戶較大的項目。

EasyNVR應用場景

EasyNVR在互聯網安防直播行業已有多年實戰經驗，經過各行業的市場檢驗已成爲一套便捷、安全、覆蓋範圍廣的成熟產品，結合硬件產品，服務於各行各業視頻基礎建設，同時提供二次開發接口便於企業集成到本身的業務系統中，打造專屬於本身的互聯網視頻監控平臺。

手機看家

航空監控

景區監控

關於EasyNVR

EasyNVR是一款擁有完整、自主、可控知識產權，同時又可以具有軟硬一體功能的安防互聯網化流媒體服務器，可以經過簡單的網絡攝像機通道配置，將傳統監控行業裏面的高清網絡攝像機IP Camera、NVR等具備RTSP、Onvif協議輸出的設備接入到EasyNVR，EasyNVR可以將這些視頻源的音視頻數據進行拉取，轉換爲RTMP/HLS，進行全平臺終端H5直播（Web、Android、iOS），而且EasyNVR可以將視頻源的直播數據對接到第三方CDN網絡，實現互聯網級別的直播分發。詳情可訪問EasyNVR官網：http://www.easynvr.com