啟動(dòng)Node-Red,根據(jù)提示的網(wǎng)址用瀏覽器打開http://127.0.0.1:1880,局域網(wǎng)內(nèi)的電腦也可以打開本地電腦的node-red,只需要改成本電腦的IP地址就可以了。
![pYYBAGR3zJWAQ6nDAAFAopoij9c676.png](https://file.elecfans.com/web2/M00/A9/47/pYYBAGR3zJWAQ6nDAAFAopoij9c676.png)
通過查看WIFI屬性獲得本地IP地址:
![pYYBAGR3zJWAQ6nDAAFAopoij9c676.png](https://file.elecfans.com/web2/M00/A9/47/pYYBAGR3zJWAQ6nDAAFAopoij9c676.png)
選擇webcam節(jié)點(diǎn)即可調(diào)用電腦自帶的攝像頭或者USB攝像頭,編輯節(jié)點(diǎn)讓它顯示在應(yīng)用界面dashboard
![pYYBAGR3zeGAG-9CAAFAo5hcvoI609.png](https://file.elecfans.com/web2/M00/A9/47/pYYBAGR3zeGAG-9CAAFAo5hcvoI609.png)
下圖中由很多顯示內(nèi)容組,選擇需要顯示組即可,這個(gè)組是自己創(chuàng)建,需要自己小小研究一下如何編輯。
![poYBAGR3zeGALqSoAAFRVmpJR70377.png](https://file.elecfans.com/web2/M00/A8/CC/poYBAGR3zeGALqSoAAFRVmpJR70377.png)
點(diǎn)擊紅框的圖標(biāo)就可以打開dashboard的可視化應(yīng)用了。
![poYBAGR3zeGAX2NTAAGbbvbCGYs842.png](https://file.elecfans.com/web2/M00/A8/CC/poYBAGR3zeGAX2NTAAGbbvbCGYs842.png)
以下是顯示的效果,可以看到攝像已經(jīng)打開。
![pYYBAGR3zeGAEiGaAACJ0MihZGA516.png](https://file.elecfans.com/web2/M00/A9/47/pYYBAGR3zeGAEiGaAACJ0MihZGA516.png)
![pYYBAGR3zqCATcaMAADPhIDsBGg586.png](https://file.elecfans.com/web2/M00/A9/47/pYYBAGR3zqCATcaMAADPhIDsBGg586.png)
再增加image節(jié)點(diǎn),即可看到拍照的圖片。
![poYBAGR3zeGABxg5AAFlfzXH8_w276.png](https://file.elecfans.com/web2/M00/A8/CC/poYBAGR3zeGABxg5AAFlfzXH8_w276.png)
這兩個(gè)節(jié)點(diǎn)對(duì)應(yīng)的安裝組件分別為node-red-node-ui-webcam和node-red-contrib-imge-output,可以通過節(jié)點(diǎn)管理安裝,也可以通過node-red的命令提示符窗口安裝。
![poYBAGR3zeGASqExAAHSNcxcMDY483.png](https://file.elecfans.com/web2/M00/A8/CC/poYBAGR3zeGASqExAAHSNcxcMDY483.png)
![pYYBAGR3zeGAD8cpAAGJnOQukG0801.png](https://file.elecfans.com/web2/M00/A9/47/pYYBAGR3zeGAD8cpAAGJnOQukG0801.png)
審核編輯:湯梓紅
-
電腦
+關(guān)注
關(guān)注
15文章
1744瀏覽量
69205 -
攝像頭
+關(guān)注
關(guān)注
60文章
4871瀏覽量
96389 -
瀏覽器
+關(guān)注
關(guān)注
1文章
1036瀏覽量
35552
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
Node-RED實(shí)現(xiàn)電表數(shù)據(jù)采集并上云
![<b class='flag-5'>Node-RED</b>實(shí)現(xiàn)電表數(shù)據(jù)采集并上云](https://file.elecfans.com/web2/M00/3E/6A/pYYBAGJhBGGAGyDYAACBPQuBZQI711.png)
基于node-Red和Raspberry Pi的物聯(lián)網(wǎng)實(shí)驗(yàn)設(shè)計(jì)
Node-Red是什么?如何去學(xué)習(xí)Node-Red?
新手求助如何去學(xué)習(xí)Node-Red
第2部分:使用Node-RED的程序
運(yùn)用 Node-RED 開發(fā) LoRa 應(yīng)用
虹科工業(yè)樹莓派Node-RED應(yīng)用(一) : 低代碼實(shí)現(xiàn)狀態(tài)監(jiān)測(cè)
將Arduino與Node-RED接口以監(jiān)控溫度
搭建Node-RED環(huán)境,將開發(fā)板變身為工業(yè)控制網(wǎng)關(guān)——米爾基于NXP LS1028A開發(fā)板
![搭建<b class='flag-5'>Node-RED</b>環(huán)境,將開發(fā)板變身為工業(yè)控制網(wǎng)關(guān)——米爾基于NXP LS1028A開發(fā)板](https://file.elecfans.com/web2/M00/08/64/pYYBAGDwFEGADIPWAAFlJOlmLxg664.jpg)
物聯(lián)網(wǎng)與ESP32、Node-RED和InfluxDB與WebSocket
![物聯(lián)網(wǎng)與ESP32、<b class='flag-5'>Node-RED</b>和InfluxDB與WebSocket](https://file.elecfans.com/web1/M00/D9/4E/pIYBAF_1ac2Ac0EEAABDkS1IP1s689.png)
Node-RED安裝本地教程
![<b class='flag-5'>Node-RED</b>安裝本地教程](https://file1.elecfans.com/web2/M00/F2/44/wKgZomZ48jSAYAspAAGqA7WBuU8775.png)
Node-RED如何制作漂亮的界面
![<b class='flag-5'>Node-RED</b>如何制作漂亮的界面](https://file1.elecfans.com/web2/M00/F4/04/wKgaomZ71YeAEQ0MAA5JK3m3Ipw099.png)
Node-RED初學(xué)者教程-三分鐘學(xué)習(xí)
![<b class='flag-5'>Node-RED</b>初學(xué)者教程-三分鐘學(xué)習(xí)](https://file1.elecfans.com/web2/M00/F3/A9/wKgZomZ9K8iAJEx9AAFuddar79s482.png)
評(píng)論