Web Control

傳統單晶片偏向於Serial 通訊 ,非TCP /IP 通訊..
一般習慣增加 Lan Shield 主要在於價格昂貴跟功能太少..
使用低成本的FW171-3G (TP-WR703N) 體積小 成本低 再加上其強大開源opensoures fw 傳感聲音 影像
web 可支持cgi,Java script ,php ,python等

以Web 與MCU單晶片通訊 使用Lua.

 本實驗建議已編譯好OSSLAB FW 做下面實驗
 

注意一下 Lua code 注釋需要用 --    

vi /www/cgi-bin/web2ser  --準備新增檔案 

#!/usr/bin/lua

io.output("/dev/ttyUSB0")  -- 這邊要注意 用哪個serial port ,dev 下確定後 先用ser2net測試.

io.write(os.getenv("QUERY_STRING"))

儲存


chmod /www/cgi-bin/web2ser 777    -- 設定權限

 

準備編寫頁面控制檔
vi /www/test.html 

此頁面為Javascript 按下頁面上 前進 後退 右  左 icon 對 serial 訊號分別送出  1 2 4 3
並且包含ip stream video

<div style="float:left">

<script>

function sendSer(value){

document.getElementById("ser").src="/cgi-bin/web2ser?"+value;

}

</script>

<table>

<tr><td/><img id="ser" width="1" height="1">

<td><input type="button" onmousedown="sendSer('1')" onmouseup="sendSer('0')" value="前進" /></td><td/></tr>

<tr><td><input type="button" onmousedown="sendSer('2')" onmouseup="sendSer('0')" value="左轉" /></td><td/>

<td><input type="button" onmousedown="sendSer('4')" onmouseup="sendSer('0')" value="右轉" /></td></tr>

<tr><td/><td><input type="button" onmousedown="sendSer('3')" onmouseup="sendSer('0')" value="後退" /></td><td/></tr>

<tr><td colspan="3" align="middle"> <input type="button" onclick="sendSer('5')" value="舵機向上" /></td></tr>

<tr><td colspan="3" align="middle"> <input type="button" onclick="sendSer('6')" value="舵機向下" /></td></tr>

</table>

</div>

<div style="float:left">

<iframe width="640" height="480" src="http://localhost:8080/?action=stream"/>  #IP CAM steam frame

</div>

 

參考

http://hi.baidu.com/lancerz001/item/...6aaae451fd8765
http://hi.baidu.com/szqkfsskk/item/9...6d6ed5d1f8cdcd
http://v.youku.com/v_show/id_XMzk0MDY0Nzcy.html