3 G網絡的移動機器人遠程監控系統
3 監控界面的實現
監控界面用網貞實現,如圖3所示。本文引用地址:http://www.czjhyjcfj.com/article/148051.htm
為了使頁面呈現出動態效果,如顯示當前時間、視頻數據傳輸速率等,頁面將嵌入Javascript代碼。整個界面分為兩個區:視頻顯示區和控制面板區。視頻顯示區顯示視頻流服務器傳輸上來的視頻數據,控制面板區通過按鈕與CGI串口應用程序交互控制電機驅動板。
Javascript是一種流行的通用腳本語言,基于Javascript可以實現用戶與頁面的交互,并響應頁面上發生的事件。
HTML表單是Web文檔的一部分,用來將信息從瀏覽器傳遞到服務器,它提供多種接收輸入的方法,包括單選按鈕、多選框、文本框等,表單以form>標簽開始,以/form>標簽結束。本系統控制面板的按鈕采用“button”輸入類型。傳統的HTML表單需要通過提交按鈕(“subm it”)來發送表單數據,數據以名/值對的形式發送至服務器端的CGI程序。本系統的每個按鈕都需要實時提交,如果通過傳統方法來實現,則需要對每個按鈕配對一個不同名的提交按鈕,這樣會使頁面代碼變得更復雜,因此本系統使用Ajax方法。使用Ajax創建HTML表單時,不再需要提交按鈕來發送表單數據,對于每個按鈕,只要在屬性中添加事件處理函數onClick(),就能在點擊按鈕時觸發Ajax建立瀏覽器和服務器CGI應用程序間的通信,實現代碼如下:
結語
本文所介紹的系統在實驗中獲得了較好的結果,視頻圖像的傳輸具有較好的穩定性,為了提高圖像的連續性,可以通過修改代碼提高攝像頭的采集頻率。該移動機器人平臺可以根據實際需要進行功能擴充,并可以通過本文所闡述的方法,對控制面板的功能進行相應的擴展,比如攝像頭的調焦、溫濕度顯示、機械手臂運動控制等。
評論