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