<meter id="pryje"><nav id="pryje"><delect id="pryje"></delect></nav></meter>
          <label id="pryje"></label>

          新聞中心

          EEPW首頁 > 嵌入式系統(tǒng) > 設(shè)計應(yīng)用 > 3 G網(wǎng)絡(luò)的移動機器人遠程監(jiān)控系統(tǒng)

          3 G網(wǎng)絡(luò)的移動機器人遠程監(jiān)控系統(tǒng)

          作者: 時間:2013-04-23 來源:網(wǎng)絡(luò) 收藏

          3 監(jiān)控界面的實現(xiàn)
          監(jiān)控界面用網(wǎng)貞實現(xiàn),如圖3所示。

          本文引用地址:http://www.ex-cimer.com/article/148051.htm

          c.JPG


          為了使頁面呈現(xiàn)出動態(tài)效果,如顯示當前時間、視頻數(shù)據(jù)傳輸速率等,頁面將嵌入Javascript代碼。整個界面分為兩個區(qū):視頻顯示區(qū)和控制面板區(qū)。視頻顯示區(qū)顯示視頻流服務(wù)器傳輸上來的視頻數(shù)據(jù),控制面板區(qū)通過按鈕與串口應(yīng)用程序交互控制電機驅(qū)動板。
          Javascript是一種流行的通用腳本語言,基于Javascript可以實現(xiàn)用戶與頁面的交互,并響應(yīng)頁面上發(fā)生的事件。
          HTML表單是Web文檔的一部分,用來將信息從瀏覽器傳遞到服務(wù)器,它提供多種接收輸入的方法,包括單選按鈕、多選框、文本框等,表單以form>標簽開始,以/form>標簽結(jié)束。本系統(tǒng)控制面板的按鈕采用“button”輸入類型。傳統(tǒng)的HTML表單需要通過提交按鈕(“subm it”)來發(fā)送表單數(shù)據(jù),數(shù)據(jù)以名/值對的形式發(fā)送至服務(wù)器端的程序。本系統(tǒng)的每個按鈕都需要實時提交,如果通過傳統(tǒng)方法來實現(xiàn),則需要對每個按鈕配對一個不同名的提交按鈕,這樣會使頁面代碼變得更復(fù)雜,因此本系統(tǒng)使用方法。使用創(chuàng)建HTML表單時,不再需要提交按鈕來發(fā)送表單數(shù)據(jù),對于每個按鈕,只要在屬性中添加事件處理函數(shù)onClick(),就能在點擊按鈕時觸發(fā)建立瀏覽器和服務(wù)器應(yīng)用程序間的通信,實現(xiàn)代碼如下:
          e.jpg
          f.jpg

          結(jié)語
          本文所介紹的系統(tǒng)在實驗中獲得了較好的結(jié)果,視頻圖像的傳輸具有較好的穩(wěn)定性,為了提高圖像的連續(xù)性,可以通過修改代碼提高攝像頭的采集頻率。該移動平臺可以根據(jù)實際需要進行功能擴充,并可以通過本文所闡述的方法,對控制面板的功能進行相應(yīng)的擴展,比如攝像頭的調(diào)焦、溫濕度顯示、機械手臂運動控制等。

          linux操作系統(tǒng)文章專題:linux操作系統(tǒng)詳解(linux不再難懂)

          上一頁 1 2 3 下一頁

          關(guān)鍵詞: 機器人 3G Linux CGI Ajax

          評論


          相關(guān)推薦

          技術(shù)專區(qū)

          關(guān)閉
          看屁屁www成人影院,亚洲人妻成人图片,亚洲精品成人午夜在线,日韩在线 欧美成人 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();