描述

我有一個(gè)類似的項(xiàng)目，這里只使用 PHPoC 。

MP3 播放器在博物館或展覽中可能很有用，可以按需向參觀者提供基于語音的信息。該項(xiàng)目展示了如何使用 Arduino Uno 通過網(wǎng)頁控制 MP3。

如果您是初學(xué)者，可以在這里了解Arduino。

串行 MP3 播放器

?

?

串口MP3播放器有兩種接口：

• 插孔到揚(yáng)聲器
• 微控制器接口（在這個(gè)項(xiàng)目中是Arduino）

當(dāng)收到來自微控制器的命令（例如播放、暫停、音量增大...）時(shí)，MP3 播放器從 SD 卡讀取 .mp3 文件并根據(jù)命令執(zhí)行操作。

使用前，需要先將.mp3文件復(fù)制到SD卡，然后掛載到MP3播放器。

接線

• 在 Arduino 上堆疊 PHPoC 擴(kuò)展板
• 將MP3播放器的GND、VCC TX和RX分別接到Arduino的GND、5V、8腳和9腳。

數(shù)據(jù)流

Web 瀏覽器 ---> PHPoC WiFi Shield ---> Arduino

Web 瀏覽器上的 Web 應(yīng)用程序?qū)⒒谟|摸或單擊事件通過 WebSocket 向 PHPoC shield 發(fā)送命令和數(shù)據(jù)。當(dāng)收到命令時(shí)，PHPoC shield 將其傳遞給 Arduino。Arduino 根據(jù)從 PHPoC Shield 收到的命令向 MP3 播放器發(fā)送命令。

命令集

?

?

其中，XX 為體積值。

請(qǐng)注意： PHPoC shield 有一個(gè)內(nèi)置程序可以將數(shù)據(jù)從網(wǎng)絡(luò)瀏覽器傳遞到 Arduino。因此，我們不需要關(guān)心它。

我們需要做什么

• 為PHPoC shield設(shè)置Wifi信息（SSID和密碼）
• 將新的 UI 上傳到 PHPoC shield
• 編寫 Arduino 代碼

?

為 PHPoC Shield 設(shè)置 Wifi 信息

請(qǐng)參閱此說明。

?

將新的 Web UI 上傳到 PHPoC Shield

• 下載 PHPoC 源代碼 remote_mp3.php（在代碼部分）。
• 根據(jù)此說明使用PHPoC 調(diào)試器將其上傳到 PHPoC shield 。

請(qǐng)注意：此 Web UI 包含要發(fā)送到 Arduino 的命令集。

?

編寫 Arduino 代碼

• 在 Arduino IDE 上安裝 Arduino 庫（參見說明）并重啟 Arduino IDE。
• 在 Arduino IDE 上，轉(zhuǎn)到文件 -> 示例 -> Phpoc -> WebRemoteSlide。
• 我修改了示例（請(qǐng)參閱代碼部分中的源代碼）。

?

測(cè)試

• 單擊 Arduino IDE 上的串行按鈕以查看 IP 地址。
• 打開網(wǎng)絡(luò)瀏覽器，輸入http:// replace_ip_address/remote_mp3.php
• 單擊連接按鈕并進(jìn)行測(cè)試。

適合初學(xué)者的最佳 Arduino 入門套件

查看適合初學(xué)者的最佳 Arduino 套件

函數(shù)引用

• Serial.begin()
• 序列號(hào).println()
• 延遲（）
• 毫秒（ ）
• for循環(huán)
• while循環(huán)
• 如果別的
• 環(huán)形（）
• 設(shè)置（）
• 字符串.toInt()
• String.substring()
• String.indexOf()
• 字符串.remove()
• String.equals()