緣起
由於專案需要，監控相機需要在客戶端顯示，但是這個baslar相機BIP2-1300c-dn只支援網頁檢視，並沒有傳統工業相機一樣的c++ demo。沒辦法，還需要這個功能，就自己寫一個網路媒體播放器。
過程
工具為Qt + VLC，qt有較好的可控的互動介面，vlc之所以選擇它是因為這個相機自帶編解碼就是這個寫的，並且這個vlc也是跨平臺的。
跳過的坑
網上能夠搜尋到類似的，但是無論怎麼折騰都不工作。後來乾脆從環境配置開始一點點來。
1. qt版本為4.8.4，qt-win-opensource-4.8.4-vs2010。
qt creator 版本為qt-creator-win-opensource-2.5.2。
vlc+qt的庫來實現的，下載地址為這個

https://github.com/vlc-qt/vlc-qt/releases
具體版本為VLC-Qt 0.8.0 下面的Windows MSVC2010 Qt4。當然我本機安裝的是vs2010。
2. 安裝好後qt後，當然要重啟一下機器。就開始處理vlc+qt這個庫。解壓到一個目錄，我的具體為C:\Qt\libvlc-qt，如果按照我的，會節省很多的時間。qt並不是很好駕馭的。
3. 開啟C:\Qt\libvlc-qt\src\examples裡面的demo-player。裡面有一個demo-player.pro檔案，用qtcreator開啟。
4. 配置pro檔案。
5. 檔案目錄結構有兩個pro檔案。如圖：

修改src.pro這個檔案如下：

TARGET      = demo-player
TEMPLATE    = app

QT          += core gui

SOURCES     += main.cpp\
               DemoPlayer.cpp

HEADERS     += DemoPlayer.h

FORMS       += DemoPlayer.ui

LIBS      += -LC:/Qt/libvlc-qt/lib -lvlc-qt -lvlc-qt-widgets
INCLUDEPATH += C:/Qt/libvlc-qt/include
 

修改完，在工程上右鍵run qmake一下才會生效。

1. 關鍵的一步在這裡
   這個qt+vlc的庫雖然很牛，但是裡面的include版本根本和例程對應不起來。雙擊開啟ui檔案。
   看這裡：
   
   帶vlc的那三個控制元件，是正常的widget升級過來的。升級的過程可以找其他資料。這裡是升級好的，但是需要修改這個promotion的內容。點選VlcSeekWidget右鍵，點選promoted widgets… 選單。（圖片顯示是我修改好的）。
   修改其中的內容為下圖顯示。
   
   改完後關閉即可。
2. 把執行模式改為realease模式，debug是不工作的。
3. Run，就可以看到希望的介面了。
   
   建議
   不建議使用qt5，這個會讓時間都浪費的莫名其妙的問題上。
   其他版本有待除錯使用。
   需要的資料，這裡有網盤連結http://pan.baidu.com/s/1o8ricZK