[軟體]ICATCH 監視器 採用Jquery Mobile顯示

icatch的監視器用了一段時間,在各方面的支援上還算不錯,不過在apple app上的的ui好像
一直沒有太大的進步,新版本反而很容易當掉,難不成是因為我的手機太舊XD。

因為他有支援網頁jpeg圖片格式,因此從jquery下手設計,原本的介面很陽春,
雖然可以看,但是用iphone or ipad都還是需要自己調整大小。
所以就產生以下的東西了!~
整個ui的流程。

快取監視器圖案,載入時更新而已

按下要觀看的監視器頻道,會依照不同解析度調整大小。


下方的Slider可以快速的跳轉頻道。

由於原廠的設計是用Select方式,但我覺得在ipad &iphone上,用slider會方便一點。


共有三個html頁面
t1.html
t2.html
home.html
按下下載後會轉跳Google的雲端硬碟,可以直接看到三個頁面檔,按下左上角的檔案,
就可以直接下載rar封包了。


預設的網址為ictch的demo監視器
帳號:demo
密碼:12345678

下載回去後把網址改成自己監視器的ip就可以運作了。不過在手機上開啟可能就要有。
網站空間才行XD。


沒有留言:

張貼留言