步驟1：

所需零件：

nodeMcu V3（在速賣(mài)通上）

VS1053模塊（速賣(mài)通）

A玻璃纖維板環(huán)氧板（速賣(mài)通）2.54mm 40針直式母頭單排針式排針PCB連接器（速賣(mài)通）

一些電線和烙鐵。

一臺(tái)具有usb端口

的計(jì)算機(jī)或其他設(shè)備，并且具有usb到micro usb的電纜。 （aliexpress）

外部放大器或耳機(jī)。

還可以使用面包板和一些跳線來(lái)制作原型。

請(qǐng)參閱黑客天下頁(yè)面

步驟2：第二步：構(gòu)建Webradio硬件

請(qǐng)按照原理圖進(jìn)行電路板布線。

請(qǐng)注意，vs1053很難固定。引腳彼此非?？拷?。

使用非常薄的鐵。

在下一步之前檢查每條電線。

電源來(lái)自與計(jì)算機(jī)或計(jì)算機(jī)連接的nodeMcu的微型USB。 5伏變壓器。

第3步：第3步：加載軟件并首次使用

加載軟件

您需要ESP Flash下載工具。

在Espressif頁(yè)面上加載它

二進(jìn)制文件可以可以在Github或hackaday上找到

按照該圖像根據(jù)工具版本來(lái)配置該工具

要進(jìn)入nodeMcu的刷新模式，請(qǐng)按住刷新按鈕，按重置按鈕。您可以松開(kāi)閃光燈按鈕。

使用ESP閃光燈工具的開(kāi)始按鈕開(kāi)始下載。

過(guò)一會(huì)兒，將顯示“完成綠色”指示。

按nodeMcu的重置按鈕。如果成功，則節(jié)點(diǎn)指示燈閃爍。

首次使用

如果路由器的訪問(wèn)點(diǎn)未知，則

webradio本身作為AP初始化。將您的wifi連接到ssid“ WifiWebRadio”，瀏覽到192.168.4.1以顯示網(wǎng)頁(yè)，進(jìn)入“設(shè)置”“ Wifi”并配置ssid ap，密碼（如果有），所需的IP或使用dhcp（如果您知道如何操作）檢索給定ip的dhcp（網(wǎng)絡(luò)的終端或掃描）。

在網(wǎng)關(guān)字段中，輸入路由器的IP地址。設(shè)備重新啟動(dòng)到新配置。將您的wifi連接到AP并瀏覽到配置中給定的ip。

恭喜，您可以編輯自己的電臺(tái)列表。

如果出現(xiàn)問(wèn)題或購(gòu)買(mǎi)新設(shè)備，請(qǐng)不要忘記保存您的電臺(tái)列表。如果esp8266已知道AP，則默認(rèn)IP由dhcp指定。

可以通過(guò)以下方式上傳電臺(tái)列表示例：網(wǎng)頁(yè)并加載到webradio。

所有將來(lái)的更新都將通過(guò)ota功能在webradio界面中進(jìn)行。

第4步：一些圖片

esp8266是令人難以置信的處理器。該項(xiàng)目是在freertos環(huán)境下完成的，包含許多任務(wù)：用于連接到廣播流的Web客戶(hù)端，用于提供瀏覽器界面的Web服務(wù)器（以及每個(gè)客戶(hù)端的子任務(wù)），用于顯示和發(fā)送命令的uart任務(wù)對(duì)于webradio，一項(xiàng)任務(wù)是管理adc條目上的外部面板命令（在github上的硬件目錄中為示意圖），另一項(xiàng)是每個(gè)客戶(hù)端websocket的任務(wù)，等等。

這是一個(gè)復(fù)雜的項(xiàng)目，但是處理器確實(shí)功能強(qiáng)大。唯一的限制是缺少ram，可以通過(guò)在spi總線上添加外部芯片來(lái)消除它。請(qǐng)參閱hackaday頁(yè)面或github頁(yè)面。

uart界面可以顯示一些調(diào)試信息，并且可以將控件發(fā)送到webradio。

責(zé)任編輯：wv