網頁

顯示具有 工具軟體 標籤的文章。 顯示所有文章
顯示具有 工具軟體 標籤的文章。 顯示所有文章

2015年6月23日 星期二

[iSpy] HTTP Client (mjpeg)


iSpy 是一個 open source 的軟體, 它是一整套的監控 client/server 的套裝軟體, 也有 Android 平台上的 app, 不過這部份就沒有 source code.
這裡主要說明如何用 HTTP client 連上 iSpyServer, 以取得 mjpeg 的檔案.

Why mjpeg, what’s mjpeg ?

比較低階的 Web Camera, 它的串流, 其實是一張一張的圖片 (其實 movie 檔都是一張一張的畫面, 差別只是較高階的串流, 譬如說 MP4 或是 H.264 等, 是用連續幾個畫面組成圖組, 由前後畫面的相關性, 得到更高的壓縮率). 因此, 連到 Web Camera server 的時候, 其實就是取得這張圖片. 由於圖片是連續產生, 因此, 抓下來的就是一連串的圖片.

HTTP Command

HTTP 這個協定, 定義了幾個命令, 這樣 client 和 server 才有溝通的基準. 不過通常也只用到 GET/POST 這兩個命令.

Connect to iSpyServer

連接到 iSpyServer 的 URL 就在畫面的左下角 (畫面的內容不重要), 這個例子中是
http://192.168.1.150:80/?camid=1
image
傳送給 iSpyServer 的 HTTP Command 如下, 最後面要多加一行空行
GET /camid=1 HTTP/1.1
Host: 192.168.1.150

iSpyServer 的回傳, 在文字的最後, 還是有一行空行. 接著的就是 JPEG File
HTTP/1.1 200 OK
Server: iSpy
Expires: 0
Pragma: no-cache
Content-Type: multipart/x-mixed-replace;boundary=--myboundary
--myboundary
Content-type: image/jpeg
Content-length: 8192


2015年6月18日 星期四

[iSpy] iSpy, iSpyServer 安裝及架設


iSpy 是一個 open source 的 Camera Security Software, 可以套用在 webcam, IP camera, 以及 microphone, 可以提供 security, surveillance, monitoring, 以及 alerting 的服務. 這幾個名詞實在是很混淆. 簡單的說, 它可以利用 IP-Cam, Webcam, 麥克風, 監控家裡 ( 裝置場所), 只要有移動, 聲響, 它就可以錄影,錄音, 發警報 (透過網路), 也可以透過網路去監看裝置場所目前的狀況.
iSpy 的功能很多, 這邊不一一介紹. 除了 iSpy 的基本功能以外, iSpy 裡還有一個 獨立的 web cam server, 可以用來把本機設定成 WebCam server, 把本機的 USB camera, 分享到區域網路 (LAN) 的其他電腦. 這一個 iSpy server 其實是 iSpy 的一個簡化版本, 特別的是, 它的安裝程式, 藏在 iSpy 中, 這個真的很特別.

下載 iSpy

官方網站
下載網址 有分 32 bit 及 64 bit 版本, 要小心分清楚.  下載下來的檔案, 檔名像這個樣子 iSpy64_6_3_7_0.zip (版本 6.3.7.0 64 位元版), 解壓縮之後, 得出 iSpySetup.msi 及 setup.exe.

安裝 iSpy

執行 iSpySetup.msi 開始安裝. 先出現安裝畫面.
image
選擇安裝路徑
image
選擇是否要建立捷徑
image
確認安裝.
image
安裝完畢.
image

執行 iSpy

開啟 iSpy 之後, 有可能會出現 iSpy 自動彈出的 Help 視窗的問題, 出現以下的警告. 不管它, 繼續執行.
image

匯入影像來源

按下新增, 可以看到了能夠支援的輸入裝置.
本地攝影機 (直接連接到這台電腦的 Web Cam, 或是 USB camera )
IP 攝影機 (這台電腦可以連接到的網路攝影機)
…
image
找到的可以支援的本地攝影機.
image
攝影機的設定
image
影像相當的清楚. 嗯, 不過, 那是攝影機的關係.
image
可以同時連線到兩個以上的攝影機.
image

設定

按下畫面右上的 “設定” 按紐, 可以打開設定畫面. 這邊不一一細說.
  • 變更語言: 如果受不了 “啟用G郵”, 或是 "重啟如果墜毀" 這種奇怪的翻譯, 可以在選項那一頁修改.
  • 偵測到移動, 或是聲響的警示之後, 可以選擇上傳到 FTP, 寄送郵件 (SMTP), “連接快訊 (簡訊”. 可以分別在各頁面設定.
  • 外掛可以提供一些不同的偵測功能 車牌辨識, 人臉辨識, 條碼掃描. 不過我還沒試過.

iSpyServer

iSpyServer 和 iSpy 可以說是相反的方向. iSpy 從不同來源收來影像畫面, 而 iSpyServer 則是把本機的影像 ( 也可能是從別處收到)傳送出去.

安裝 iSpy-Server

iSpy-Server 的安裝程式在安裝目錄裡. 譬如說, 我是安裝在 C:\Program Files\iSpy\iSpy (64 bit), 那麼 iSpyServer 的安裝程式就在 C:\Program Files\iSpy\iSpy (64 bit)\iSpyServer.
執行 iSpyServerSetup.msi 開始安裝
image
選擇安裝目錄, 這次是安裝在 C:\Program Files (x86)\iSpy\iSpyServer
image
確認後開始安裝.
image
安裝完畢.
image

執行 iSpyServer

執行 C:\Program Files (x86)\iSpy\iSpyServer\iSpyServer.exe 或是捷徑.
image
點擊 Add, 加入 “Local Camera”, 選擇要當成 Web Camera Server 的攝像機.
image
變更 camera 設定. Name 一定要輸入. 這裡輸入 HiCamera.
image
完成後, 可以看到預覽的畫面.
image
轉動到畫面的最下面, 可以看到左下角有一個網址, 這就是這一臺攝像機的網址
image 

iSpy 連接到 iSpyServer

啟動 iSpy, 新增 IP Camera, 在視訊來源, 輸入 Web Cam 的網址  http://192.168.1.150:80/?camid=0
image
完成後. 如果 iSpyServer 和 iSpy 在同一台電腦, 可以看到兩個畫面. 由於畫面顯示的位置不同, 看到的影像有些差異.
image
 

FireFox 連接到 iSpyServer

把 FireFox 也叫起來, 輸入相同的網址,
image

2015年6月15日 星期一

[FireFox] 安裝


FireFox ( Mozilla Firefox) 是一個開放原始碼的網頁瀏覽器. 我們用它來當做 web cam client 的參考對應組. 因為 IE, Chrome 已經太多客製化, 比較不是那麼 clean 了.

下載 FireFox

按 下載連結 前往 FireFox 的官方網站下載.
 

安裝 FireFox

image
image
image
image
image
image 
很簡單吧.

2015年6月2日 星期二

[VLC] 用 VLC media player 播放網路影片


這個標題不是很好, 應該是作為 RTSP 的 client, 播放來自 RTSP server 的視訊串流. 不過這樣很抝口, 而且很生硬, 所以還是簡單的說是播放影片.

下載 VLC media player

下載連結 VLC 官方網站.點擊畫面中左方 Windows Get VLC for Windows 的 Windows 下載 Windows 版本.
image
有分三種包裝, 附安裝程式的包裝, 沒有安裝程式的 7zip 壓縮包裝, 沒有安裝程式的Zip 壓縮包裝. 我選擇附安裝程式的包裝. 按下按紐之後會跳轉畫面, 等待 5 秒之後開始下載.
image

安裝 VLC media player

雙擊下載的檔案之後, 就會開始安裝. 首先會跳出安全性警告, 不要理他, 繼續執行.
image
選擇語系為中文.
image
開始安裝精靈
image
同意授權協議
image
使用預設的安裝元件即可.
image
預設的安裝位置
image
安裝中 ….
image
很快就安裝完了
image

使用 VLC media player

第一次執行, 會出現 VLC 的隱私權發誓畫面. 然後就會進入程式畫面.
image

設定 VLC 播放 RTSP 影片

VLC 的網路設定預設是 HTTP, 這裡我們要改成 RTSP. 在 工具選單, 選擇最下面的偏好設定, 打開簡易偏好設定的對話視窗.
image
按最上方那一排按紐的輸入/編解碼器的按紐. 跳到輸入與編解碼器設定的選單.
 image
在下方網路的區域, Live 555 串流傳輸的設定, 由原先 HTTP (預設) 改為 RTP over RTSP (TCP)
image
然後儲存.
 

設定 VLC 快取緩衝區

在媒體的選單, 選擇開啟網路串流,
image
勾選最下方的顯示更多選項
image
將快取的設定由 1000 毫秒, 調高到 1200 毫秒. (由於我是用手機連網, 因為網路的流量更不穩定, 我調到 2400 毫秒).

播放 RTSP 串流

rtsp://184.72.239.149/vod/mp4:BigBuckBunny_115k.mov
把以上的連結, 貼到請輸入網址的地方. 然後點選下方的播放, 開始播放 RTSP 串流.
image

2015年5月14日 星期四

Download YouTube 影片 (使用 4K Video downloader)

 

YouTube 上會有一些很不錯的影片. 但是, 每一次都要重新下載, 離線也不能觀看. 像一些喜歡用 YouTube 聽唱歌的, 就很困擾. 如果可以下到電腦上, 就太好了.

更棒的是, 如果原始影片有更高的解析和畫質, 下到電腦用大螢幕看, 感覺又更不一樣了. 譬如說, Frozen 就有 1080P 可以下載. 如果直接從 YouTube 看, 是看不到這樣的效果的.

這邊介紹使用 4K Video Downloader

下載 4K Video Downloader

按此下載 4K Video Downloader

下載畫面, 按中間的 Get 4K Video Downloader, 就直接下載完.

image 

安裝 4K Video Downloader

選擇語言, 啊, 真糟糕, 沒有中文. 不過沒關係, 用不到中文, 就選英文吧.

image

安裝的歡迎畫面

image

授權同意畫面.

image

安裝路徑提示畫面

image

詢問是不是要建立桌面捷徑. 嗯, 這個無所謂啦, 只要桌面還有空間放.

image

要開始安裝囉.

image

很快就安裝完畢.

image

取得 Youtube 的影片連結

在 Youtube 播放影片的地方, 複製 link. 按右鍵複製或是 Ctrl-C, 複製到剪貼板. 以下附上 Frozen ( Let it go ) 的連結, 可以用這個試試看.

https://www.youtube.com/watch?v=L0MK7qz13bU

用 4K Video Downloader 下載

按下笑臉旁邊的 “Paste Link”, 自動從剪貼板複製連結

image

4K Video Downloader 會自動解析連結中帶的資訊

image

4K Video Downloader 找到好幾個種可以下載的檔案. 來試試 1080p 吧. 檔案有點大喔. 按下 download 開始下載.

image

檔案有點大, 要花一些時間下載.

image

過了很久, 終於下載完畢. 沒辦法, 1080p 真的很大.

image

下載完, 就可以開始播放. Have Fun.