- 註冊時間
- 2014-1-27
- 最後登錄
- 2024-6-4
- 在線時間
- 1866 小時
- 閱讀權限
- 90
- 積分
- 81197
- 帖子
- 1617
- 精華
- 0
- UID
- 107660
 
|
本帖最後由 snoopyhome 於 2014-6-12 15:05 編輯
我試了一下, 它原來的網頁是0.1秒就refresh一次, 如果各位有興趣, 可以試試我的笨方法, 把您想要的影像做成html.
1. 開啟chrome瀏覽器, 連上該系統, 選擇好區域和您想要的監視器. 對著影像按右鍵, 選"檢視元素".
2. 在畫面下半部, 會有該影像的html碼, 按Ctrl + C, 貼到文字編輯器.
 按這裡顯示圖片
3. 取出src=""中的網址, 按Ctrl + C.
按這裡顯示圖片
4. 以文字編輯器開啟dd.html, 貼到<img src=""中.
按這裡顯示圖片
5. 再取出onload="refreshMJpeg後方的網址, 按Ctrl + C.
按這裡顯示圖片
6. 把網址貼到dd.html的onload="refreshMJpeg(this, '')第二個參數的單引號中.
按這裡顯示圖片
以下是我斗膽借站大的dd.html來測試的範本, 其中, 要記得加入jquery的reference喔.
按這裡顯示圖片
目前, Jquery有1.X和2.X, 請記得把上圖的src=""路徑和檔名改成您的路徑和檔名喔.
JQuery下載: http://jquery.com/download/
如果0.1秒太短, 可以把
obj.src = url + "?t=" + new Date().getTime();
}, 100);
的100改成您要的秒數. javascript的1000是一秒.
dd.html原始內容(我已到原網站下載它的refreshMJpeg 函數, 小小改一下):
<html>
<head>
<script src="C:UsersyoungDesktopjquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function refreshMJpeg(obj, url) {
if ($("IMG").length > 0) {
cctvTimer = setTimeout(function () {
lastCctvUrl = obj.src;
obj.src = url + "?t=" + new Date().getTime();
}, 100);
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
台3線-大溪鎮員林路(39K+450)<br>
<img src="http://210.242.136.66/T3-39K+450/snapshot?t=1402554022653" width="320px" height="240px" onload="refreshMJpeg(this, 'http://210.242.136.66/T3-39K+450/snapshot')">
</td>
<td>
縣道110線-三轄區復興路(110線)(25K+950)<br>
<img src="http://210.242.136.66/C110-25K+950/snapshot?t=1402554788531" width="320px" height="240px" onload="refreshMJpeg(this, 'http://210.242.136.66/C110-25K+950/snapshot')"><br>
</td>
<td>
台9線-新店區北宜路二段(11K+300)<br>
<img src="http://210.242.136.66/T9-11K+300/snapshot?t=1402554193363" width="320px" height="240px" onload="refreshMJpeg(this, 'http://210.242.136.66/T9-11K+300/snapshot')"><br>
</td>
</tr>
</table>
</body>
</html>
|
-
3
查看全部評分
-
|
|
|
|
|
|
|
發表於 2014-6-11 20:41:02
分享到FB
收藏
發表於 2014-6-12 14:56:45
按這裡顯示圖片
按這裡顯示圖片
按這裡顯示圖片
按這裡顯示圖片
按這裡顯示圖片
按這裡顯示圖片
