放鞭炮的第一版:從頭到尾圖片硬幹版

使用注意,將以下所有程式放置在相同目錄之下即可。

php 主機常駐背景執行 : get.php

在指令模式下將 php 背景常駐執行。

使用 php 去讀取圖檔 : v.php

使用程式讀取圖檔的好處是可以銜接後續的權限控管,目前只是簡單的讀取動作。

關鍵!使用 jQuery 網頁不停的讀取更新圖檔 : v.html

三個檔案準備完成後,在網頁進入 v.html 即可看到由 v.php 讀取的圖檔。當然,v.php 讀取的圖檔是由 get.php 向網路攝影機擷取到的畫面。

關鍵一 : .attr() – jQuery API
關鍵二 : How to refresh the src of <img /> with jQuery?

關鍵一為如何使用 jQuery 來指定圖檔,讓 jQuery 設定 setTimeout 在 Google Chrome 瀏覽器就可以得到想要結果,畫面不需刷新就可以更新圖片,得到近乎影片播放效果。只是在 IE 以及 Firefox 還是只顯示單張圖檔無法持續更新,因此需要加上關鍵二讓圖檔連結每次都不一樣,這樣 IE & Firefox 才會覺得這是不同檔案,才會抓取圖檔。

以上方法使用 Internet Explorer 8.0 & Google Chrome 18.0 & Mozilla Firefox 3.6.9 測試成功,不需安裝任何軟體。

 流量試算

單張 640*480 圖檔約 16,200Bytes ,一秒 4 張 = 64,800Bytes = 518400bit

一支鏡頭就需要 512Kbit 的下載流量有點恐怖,圖片需要進一步壓縮處理,而且在多畫面監看時也不需要原始解析度,

 

iCAMView IP-17

iCAMView IP-17 是個經濟實惠值得推薦的網路攝影機,在三千塊這個價位等級要找到網路、有紅外線、640×480 解析度、可以旋轉鏡頭、又穩定的網路攝影機,選擇性真的不多。

先後買了四支 IP-17 如果有網路攝影機相關需求我還是會先拿來測試,本身就具備網頁監控功能,不過使用的是 MJPEG (大部分網路攝影機都是),所以預設是提供 Internet Explorer 瀏覽器的 ActiveX 外掛,還好有提供行動裝備的解決方案:

進入需入帳號、密碼即可「得到即時 jpeg 影像一張」,繼續追查網頁原始碼即可得到:

使用以上網址即可單一網址取得 jpeg 影像,在此基礎即可開始開發「MJPEG 通用網路攝影機監視平台」

將 jpeg 圖檔轉換成 avi 影像檔