步驟1：

所需零件：

nodeMcu V3（在速賣通上）

VS1053模塊（速賣通）

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

一些電線和烙鐵。

一臺具有usb端口

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

外部放大器或耳機。

還可以使用面包板和一些跳線來制作原型。

請參閱黑客天下頁面

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

請按照原理圖進行電路板布線。

請注意，vs1053很難固定。引腳彼此非?？拷?。

使用非常薄的鐵。

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

電源來自與計算機或計算機連接的nodeMcu的微型USB。 5伏變壓器。

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

加載軟件

您需要ESP Flash下載工具。

在Espressif頁面上加載它

二進制文件可以可以在Github或hackaday上找到

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

要進入nodeMcu的刷新模式，請按住刷新按鈕，按重置按鈕。您可以松開閃光燈按鈕。

使用ESP閃光燈工具的開始按鈕開始下載。

過一會兒，將顯示“完成綠色”指示。

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

首次使用

如果路由器的訪問點未知，則

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

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

恭喜，您可以編輯自己的電臺列表。

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

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

所有將來的更新都將通過ota功能在webradio界面中進行。

第4步：一些圖片

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

這是一個復(fù)雜的項目，但是處理器確實功能強大。唯一的限制是缺少ram，可以通過在spi總線上添加外部芯片來消除它。請參閱hackaday頁面或github頁面。

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

責(zé)任編輯：wv