務述求

	需要在WEB端實時查看現場的視頻監控（公司選型的是大華攝像機）
1

技術方案選型

1.  ffmpeg通過rtsp協議拉取視頻流
2.  使用vlc media player 組件拉取視頻流，在web端顯示
3.  使用h5Stream在線對視頻流拉取
123

實現大方向

1. 把局域網內的攝像頭地址做穿刺暴露給外網，并更具響應的視頻拉取協議映射好端口
2. 安裝相應的組件，對相應視頻流進行拉取
3. 在WEB對通過中間件中轉，顯示到頁面

實現細節

局域網內攝像頭配置

公司選型的大華攝像機，所有攝像機出廠統一IP是192.168.1.108 
這個IP是可變的，可配置，但是前提這個IP可以訪問到攝像頭才允許更改
12

在地址欄輸入192.168.1.108，第一次登陸默認賬號密碼都為admin，默認端口37777，第一次登陸會提醒你更改賬號密碼，記得不要忘記，后面視頻拉取的需要用到，進入攝像頭更具自己需要做個性化的配置。相關協議端口開放如下：

攝像頭的ip地址穿刺

1. 登錄公司路由器，做端口映射
2. 使用花生殼做穿刺。

使用路由器映射的方法，需要拿到路由器的賬號密碼，這個得跟公司的運維溝通下。
用花生殼做穿刺，會免費贈送一個域名，但是端口是不固定的，如果配置固定的端口，花生殼需要免費收費

在百度上輸入本地IP會出現公司路由的外網IP。測試下兩種方式是否可以通過外網IP來訪問。

拉取視頻流

我選用的的是rtsp協議來拉取視頻流，大華攝像機的rtsp地址格式如下：

rtsp://[賬號]:[密碼]@[IP]:[端口]/cam/realmonitor?channel=1&subtype=0channel=1，此屬性值對應渠道。subtype=0對應使用主碼流還是輔碼流

不管大華攝像機也好，還是?？低晹z像機，他們官網都提供本地局域網內的攝像頭管理軟件。進入官網，導航找到技術支持，里面有工具軟件。比如大華的可以用smartPss，?？低暤挠衖VMS，視頻流通過可以通過多個渠道來傳輸，所以channel要和本地軟件中輸出通道一致

比如的本地地址：rtsp://admin:Aa517518@192.168.0.108:554/cam/realmonitor?channel=1&subtype=0本地攝像頭IP地址做穿刺后，把賬號密碼換成公網的ip和端口即可。

使用h5Stream拉取視頻流

h5Stream網上的配置文檔很多，不做一一贅述，其主要配置文件為：conf目錄下的h5ss.conf文件。

我這里用的是rtsp協議，根據自己的需要配置，一般配置一個空閑的端口即可。

在web端的顯示，在h5stream安裝目錄里, www目錄下有相關的使用樣例。

優點：配置簡單，實時視頻同步延遲小，畫面清晰。firefox,chrom,ie都可以使用缺點：web頁面操作相對復雜，在使用多個攝像頭，配置清單駁長，h5stream為收費軟件，h5stream為收費軟件，h5stream為收費軟件，重要的事情說三遍原免費版，會在實時視頻流播放一個小時后斷流，且當前暫時沒有找到破解版。我在官網找到電話，打電話過去咨詢，收費是100塊錢一個攝像頭，具體的價格可以再談。

vlc media player 拉取

省事兒的話先下載vlc media player安裝，也可以單獨下載相應的控件。下載完成后：

把rtsp地址copy進地址欄，測試是否可正常顯示，若不正常請檢查網絡是否通暢，賬號密碼是否正確，ip端口是否正確，通道是否一致而在web端是根據相關的標簽來的：實例如下：

<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab">
    <param name="autostart" value="true" />
    <param name="allowfullscreen" value="false" />
</object>
1234

鏈接: vlc使用操作文檔.

優點：測試簡單，操作簡單，WEB頁面操作最簡單，視頻清晰度無損，延遲級小。缺點：谷歌只支持43版本及其更早，現在都70+版本了?；鸷苯?，直接提示不支持。現在通過安裝谷歌應用程序可以解決，但是面向客戶的時候，客戶不會使用體驗版，所以注定就不會使用面就不會廣

ffmpeg拉取視頻流

首先ffmpeg是十分強大，且無比靈活，使用命令行來操作，相對來說就復雜得多，網上有很多安裝ffmpeg介紹和ffmpeg命令介紹，這里就不做一一贅述。ffmpeg對視頻流進行拉取，轉成我們需要的視頻碼流，比如我們使用的rtsp協議，可以轉成rtmp協議或者HLS(m3u8)協議。本文著重介紹此兩種，其它的協議格式，原理上相同，只是轉碼后頁面顯示的細節不同。ffmpeg允許截圖：

1. 使用HLS(m3u8)協議
   也就是ffmpeg把拉取的rtsp轉成HLS的視頻流。
   命令實例：ffmpeg -i "rtsp://admin:Aa517518@192.168.0.108:554/cam/realmonitor?channel=1&subtype=0" -c copy -f hls -hls_time 2.0 -hls_list_size 1 -hls_wrap 15 D:/workspace/nginx-1.8.1/html/hls/test.m3u8
2. 1

NGINX并不是一定要用，只要能讀取到此今天文件即可。我是通過nginx吧request請求，定向到此文件，當然web項目比較靈活，可以通過web來做訪問。生成的文件如下：

靜態資源只要支持hls協議，使用今天資源，訪問test.m38u文件即可引入video.js,我使用的是7.4.1

<video id="test_video" class="video-js vjs-default-skin vjs-big-play-centered" controls autoplay width="960" height="400">
    <source src="http://192.168.0.118:1935/hls/test.m38u" type='rtmp/flv'>
</video>
123

缺點：此方法對網絡依賴要求比較高，延遲高，容易卡頓

2. rtmp協議
   命令樣例：ffmpeg -rtsp_transport tcp -i "rtsp://admin:Aa517518@192.168.0.108:554/cam/realmonitor?channel=1&subtype=0" -f flv -r 25 -s 1280*720 -an "rtmp://192.168.0.118:1935/hls/mystream" 1其中把rtsp視頻流轉成rtmp視頻流，通過video.js 直接在頁面播放<video id="test_video" class="video-js vjs-default-skin vjs-big-play-centered" controls autoplay width="960" height="400"> <source src="rtmp://192.168.0.118:1935/hls/mystream" type='rtmp/flv'> </video> 123

使用ffmpeg優缺點：優點：谷歌火狐IE都可以用。缺點： ffmpeg很強大，使用命令很靈活，很多細節問題需要琢磨，比如清晰度的問題，比如幀數的問題。ffmpeg比h5stream和vlc使用上確實麻煩許多，而且清晰度不如以上兩種，延遲相對也高一下。需要建立相對完善的管理機制，因為全部使用命令，在客戶頁面關閉視頻流時，后臺還在不停的拉取視頻流，造成極大的資源浪費。

不足與思考

1. 不足
   單個的視頻播放，注定應用面相對狹窄，相當于只寫了一半的功能，在很多應用場景單個攝像頭是不能滿足業務需求的，一般需要拉取多個視頻流，這個就很需要好好的思考的。
   多個攝像頭，如果不在同一個局域網，那么拉取視頻流占用較大的資源就無法避免
2. 思考
   如果在同一的局域網，使用本地的工具，比如電視墻功能，組播功能，在多個鏡頭信息直接完成一個視頻流拉取多個攝像頭信息
   如果是不同的局域網，那么就需要使用ffmpeg的組播功能，vlc和h5stream的支持并不是很友好
   視頻流并不是24小時拉取，如果使用ffmpeg的話，在空閑時間并不能主動停止拉取，在WINDOWS下也很難精確地停止某個視頻流的拉取進程，在linux下會相對好一些，可以shell腳本找到相對于的pid并KILL

聯TL-WR886N V2-V3設置虛擬服務器步驟一、實例列舉：

• 軟件版本：
• 軟件大?。?/em>
• 軟件授權：
• 適用平臺：
• http://dl.pconline.com.cn/download/404108.html

在TL-WR886N路由器底部標簽上，找到Serial Number 欄中的 Ver(即Version/版本)標注即硬件版本。如下圖。

檢查硬件版本

某小型企業使用TL-WR886N路由器連接上網，并且在內網中搭建了Web、FTP、Mail等服務器。但是Internet上的用戶，無法訪問到內容中的Web、FTP、Mail等服務器，這時候可以在TL-WR886N路由器上，設置虛擬服務器來解決。

TP-Link TL-WR886N虛擬服務器應用拓撲

普聯TL-WR886N V2-V3設置虛擬服務器步驟二、需求分析

需要把Web、FTP、Mail服務器的IP地址 設置為固定IP地址，然后還需要弄清楚Web、FTP、Mail服務所使用的端口號。

分析需要映射的端口號、服務器IP

普聯TL-WR886N V2-V3設置虛擬服務器步驟三、TL-WR886N上設置虛擬服務器

1、檢查服務器相關設置

(1)、服務器的IP地址，要設置為固定IP地址，網關 為TL-WR886N路由器的LAN口IP地址，如下圖所示。如果不清楚如何設置，可以點擊閱讀教程電腦靜態(固定)IP地址設置方法。

(2)、建議關閉服務器(電腦)上的防火墻、殺毒軟件。

(3)、確認局域網內的其它電腦，可以通過服務器的IP地址訪問相應的服務。

2、開始設置

登錄到TL-WR886N管理界面——>；點擊“轉發規則”——>；“虛擬服務器”——>；并點擊“添加新條目”

點擊“添加新條目”

3、添加郵件服務器規則

填寫郵件服務器的“服務端口號”(對外開放端口)——>；“內部端口號”(服務器實際端口)——>；“服務器IP地址”——>；然后點擊“保存”。

發送郵件(SMTP25號端口)

發送郵件端口映射設置

接收郵件(POP3110號端口)

接收郵件端口映射設置

溫馨提示

“服務端口號”服務端口號為對外開放端口，即Internet訪問服務器使用的端口。

3、添加網頁服務器規則

網頁服務端口映射

重要說明

服務端口號可以根據需要自行設置(如需更改，建議設置為9000以上)。無特殊需求，請將服務端口號與內部端口號一致。

4、確認規則啟用

點擊“轉發規則”——>；“虛擬服務器”。

檢查TL-WR886N虛擬服務器設置是否成功

普聯TL-WR886N V2-V3設置虛擬服務器步驟四、測試虛擬服務器設置是否成功

根據以上設置，Internet中的客戶端通過郵件客戶端軟件訪問121.202.33.100(WAN口IP地址)，即可訪問到郵件服務器。通過瀏覽器訪問網頁服務器，訪問形式如下

注意問題

如果您的寬帶并非靜態IP地址，可以在“動態DNS”中申請域名賬號并在路由器中登錄該賬號，登錄后使用您的域名和開放的端口號訪問服務器。

、引言

接本系列的上一篇《P2P技術詳解(二)：P2P中的NAT穿越(打洞)方案詳解(基本原理篇)》，本篇將深入分析各種NAT穿越(打洞)方案的技術實現原理和數據交互過程，希望能助你透徹理解它們。

* 閱讀注意：本文屬高階文章，在你了解P2P基礎原理或還未讀過本系列前幾篇之前，請慎讀本篇，否則讀完要砸電腦，我也拉不住 ....

（本文同步發布于：http://www.52im.net/thread-2872-1-1.html）