目 錄javascript
1. 概述... 2php
2. 未來集成到iNeuOS平臺演示... 3css
3. iNeuVideo結構... 3html
4. iNeuVideo部署及應用... 3java
5. HTML5終端視頻監測代碼... 5mysql
6. 基於數據庫應用使用效果... 6web
1. 概述sql
iNeuVideo是視頻服務組件,主要負責把RTSP的視頻流數據轉碼成WebSocket協議的視頻流數據,爲終端提供視頻監測服務。iNeuVideo後期會集成到iNeuOS工業互聯網平臺的Web組態(iNeuView)上,拖動組件快速構建視頻監測。結合物聯網服務(iNeuKernel)採集設備或傳感器的數據,造成視頻數據+設備數據的總體監測服務。參見《iNeuKernel(物聯網核心組件)遠程控制標準化設計與實現》,能夠實現遠程控制。數據庫
iNeuVideo如今僅支持RTSP->WebSocket,如今主流攝像頭廠家(海康威視等)基本支持RTSP協議,能夠很方便的接入視頻數據流。後期集成RTSP->RTMP和RTSP->HTTP的協議。基於iNeuVideo服務,其餘公司也能夠造成本身的產品,後面應用會具體介紹。canvas
應用效果,以下圖:
針對視頻監測幾個協議概念:RTSP、RTMP、HTTP和WebSocket等進行簡單介紹:
(1)RSTP、RTMP、HTTP協議共同點,他們都是應用層協議。理論上這三種協議均可以作直播和點播,但直播通常用RTSP和RTMP點播用HTTP。
(2)RSTP、RTMP、HTTP協議區別
HTTP將數據做爲文件處理,因此HTTP不是流媒體協議,RTMP和RTSP是流媒體協議。
RTMP是Adobe的私有協議,未徹底公開,RTSP和HTTP是共有協議。
RTMP通常傳輸flv,f4v格式流,RTSP傳輸ts,MP4格式流,HTTP沒有特定的流。
RTSP通常須要2-3個通道,數據和命令通道分開,RTMP和HTTP在一個通道上傳輸命令和數據。
WebSocket協議,基於HTML5提供的一種在單個 TCP 鏈接上進行全雙工通信的協議。針對終端與服務端交互應用較普遍。
在線演示:http://demo.ineuos.net (注:服務器比較慢,請耐心等待。自已註冊用戶,體驗系統功能)
視頻演示:http://www.ineuos.net/video/iNeuOS%20and%20app.mp4
驅動開發:http://www.ineuos.net/index.php/products/ineukernel-15.html (v2.1版本)
手機APP:http://demo.ineuos.net/app/ineuos_app.apk
視頻源通常爲RTSP協議,由iNeuVideo轉碼服務拉取視頻流數據,通過代碼轉發服務向WebSocket鏈接的終端廣播數據,HTML5終端進行數據展現。結構示意,以下圖:
iNeuVideo基於.NETCore 3.1版本開發,.NETCore 3.1的安裝部署參見:https://dotnet.microsoft.com/learn/dotnet/hello-world-tutorial/install。
iNeuVideo下載:百度網盤下載,包括服務、數據庫腳本和HTML5腳本。這是綠化版本的軟件,直接下載就能夠應用,應用有兩種模式:基於命令行和基於數據庫。
(1)基於命令行的應用
首先使用管理員模式打開命令行,進入iNeuVideo目錄,第一次運行的時候須要執行:dotnet iNeuVideoTool.dll,檢測和配置當前系統。
其次輸入參數執行:dotnet iNeuVideo.dll rtsp://192.168.101.1:18554/stream1,進行視頻轉換,視頻轉換後的WebSocket地址對應:ws:// 192.168.101.1:9091/ineuos/live1,live後邊的編號自動增長。以下圖:
(2)基於數據庫的應用
其餘公司可使用iNeuVideo服務組件,基於數據庫的應用造成本身的產品,前臺業務系統操做數據庫能夠完成對視頻流拉取、轉碼、推送等全流程操做。
mysql數據庫只有一個表:Video,只須要對這個表進行操做,表結構以下:
DROP TABLE IF EXISTS `video`; CREATE TABLE `video` ( `Id` varchar(32) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL COMMENT '主鍵', `Key` varchar(255) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL COMMENT 'http://*.*/ineuos/live1,live1就是key.', `VideoSource` varchar(255) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL COMMENT '視頻流源地址,通常爲rtsp協議。', `VideoSourceProtocol` varchar(10) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL COMMENT '如今支持,包括:rtsp。', `VideoDest` varchar(255) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL COMMENT '視頻流目標地址,從VideoSource轉碼到VideoDest,不須要設置,系統自動生成。', `VideoDestProtocol` varchar(10) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL COMMENT '如今支持,包括:websocket。', PRIMARY KEY (`Id`) USING BTREE, UNIQUE INDEX `Key`(`Key`) USING BTREE ) ENGINE = InnoDB CHARACTER SET = utf8 COLLATE = utf8_bin ROW_FORMAT = Dynamic;
在iNeuVideo\iNeuKernel\ SourceConfig.cfg文件下配置數據庫鏈接信息
以管理員的模式運行【start-win.bat】批處理文件,直接讀取數據庫的信息進行視頻流的操做,不須要其餘的操做。
基於MPEG標準的視頻編碼進行解碼,底層使用canvas進行顯示,也有其餘的JS組件可使用。代碼以下:
<!DOCTYPE html> <html> <head> <title>JSMpeg Stream Client</title> <style type="text/css"> html, body {text-align: center;} </style> </head> <body> <canvas id="video-canvas"></canvas> <canvas id="video-canvas1"></canvas> <script type="text/javascript" src="jsmpeg.min.js"></script> <script type="text/javascript"> var canvas = document.getElementById('video-canvas'); var url = 'ws://127.0.0.1:9091/ineuos/live1'; var player = new JSMpeg.Player(url, {canvas: canvas}); var canvas1 = document.getElementById('video-canvas1'); var url1 = 'ws://127.0.0.1:9091/ineuos/live2'; var player1 = new JSMpeg.Player(url1, {canvas: canvas1}); </script> </body> </html>
文章:
《.NET Core開發的iNeuOS工業互聯網平臺,發佈 iNeuDA 數據分析展現組件,快捷開發圖形報表和數據大屏》
《[視頻演示].NET Core開發的iNeuOS物聯網平臺,實現從設備&PLC、雲平臺、移動APP數據鏈路閉環 》
《.NET Core開發的iNeuOS物聯網平臺部署樹黴派(raspbian),從網關到雲端總體解決方案》
《.NET Core開發的iNeuOS物聯網平臺部署在Ubuntu操做系統,無縫跨平臺》
《iNeuOS 物聯網雲操做系統2.0發佈,集成設備容器、視圖建模、機器學習三大模塊 》
物聯網&大數據技術 QQ羣:54256083
物聯網&大數據合做 QQ羣:727664080
聯繫QQ:504547114
合做微信:wxzz0151