Robofun 機器人論壇

標題: arduino due+ethernet w5100 [打印本頁]

作者: sss    時間: 2017-3-30 13:48
標題: arduino due+ethernet w5100
我的首要目標是將arduino due當作web server 經網路線連結PC
已經可以做溝通,可以於網頁上搜尋程式所定義的ip,並看得到程式中所要顯示的文字
接下來我的目標是將網頁上顯示的文字改為類似led燈的燈號,不知是否可以達成?是否有code可以指導?
如可以達成是否可以進一步控制燈號顏色(如:綠,紅..)?
拜託大家指導~~~~~~~~
作者: 超新手    時間: 2017-3-30 17:42
本帖最後由 超新手 於 2017-3-30 17:48 編輯

>>網頁上顯示的文字改為類似led燈的燈號
有點看不懂
如果要控制 LED, 標準範例 SimpleWebServerWiFi 就有了
如果是要在網頁顯示圖形, 只要修改傳送的 HTML 檔案內容即可
需要去看一下 HTML 的書
簡單的做法就是把圖檔轉成BASE64, 就可以一個 HTML 內容檔就搞定
<img src='data:image/png;base64,............................>

以SimpleWebServerWiFi 來說
client.print("Click <a href=\"/H\">here</a> turn the LED on pin 9 on<br>");
client.print("Click <a href=\"/L\">here</a> turn the LED on pin 9 off<br>");
就是改 print 引數中的值

作者: sss    時間: 2017-3-30 20:24
您好 謝謝您回答我的問題
但我可能沒有說得很清楚
所以我想用圖片再問一次~~
如果我用arduino web server的範例,那網頁上的畫面應該會類似於圖一
但我想把畫面變為圖二這樣,可以在圖二中看到10個紅色的燈
我還需要可以控制燈的顏色變化(如圖中紅色變綠色)
不知是否有方法? 因為是新手 拜託大家幫忙 謝謝

WebServer-output.jpg (44.01 KB, 下載次數: 142)

圖一

圖一

未命名.png (13.54 KB, 下載次數: 148)

圖二

圖二

作者: sss    時間: 2017-3-30 20:28
大家好~~還想補充的是下方這個圖不是真的控制LED燈,只是先製造10個圓形圖示出來然後控制顏色而已

未命名.png (13.54 KB, 下載次數: 150)

未命名.png

作者: 超新手    時間: 2017-3-31 08:18
所以是第二種方式
你只要改 HTML 的值
也就是修改 client.print(""), 引數中的文字即可
只不過如果要簡化程式
可以將圖片轉成 BASE64 的格式
就可以一個 HTML 檔搞定
不用分析HTTP的內容
可以自己先寫一個 .HTML
然後用瀏覽器去開, 如果對了, 再把內容複製到
client.print 中

不過當然也可以找找網路上的資源
或許有現成的







歡迎光臨 Robofun 機器人論壇 (https://www.robofun.net/forum/) Powered by Discuz! X3.2