NFC Web Radio

緣由

兒子很喜歡聽故事,本來是在他睡前我都會臨時即興改編經典童話。後來無意在FB上發現有個粉絲專頁 Dada阿姨說故事 是專為小朋友說故事,聽了之後發現這真是我的就命恩人啊,讓我不用每晚想破頭亂改經典童話!因此之後睡前就改用手機播放。可是每天晚上我都有上廁所的習慣,而且習慣邊如廁邊滑手機,因此有段時間是要嘛就等兒子聽完故事才上,不然就是在廁所裡無聊發呆,但天無絕人之路,偶然得到一個藍芽無線喇叭,覺得應該可以解決這個問題了,但沒想到不知是否廁所的電磁波隔離效果太好還是距離太遠,總是在進到廁所後聽到兒子的呼喚:{拔拔喇叭沒有聲音了],接下來我總是在廁所裡不斷的變換姿勢(手機位置)以取得與兒子(藍芽喇叭)間的最好連結,但終究沒改善。科技始終於來自生活中的痛點,因此才萌生了動手做NFC故事機的動力,做好後發現市面上有賣預錄好的故事機,突然間發現我為啥這麼辛苦做這!!不過聽過了市面上賣的商品後發現預錄好的內容聽起來沒像 Dada阿姨說故事 說的這麼生動!才覺得辛苦沒白費。雖然兒子現在拿到NFC故事機後,玩掃描標籤的遊戲樂趣遠大於認真用它來聽故事,但至少沒把它冷落在一邊也算是讓人欣慰了。
順帶一提,雖然叫這東西是故事機,但實際上它是網路收音機的功能之一,還可拿來聽廣播喔。

DIY


既然想要做出故事播放機當然就要在網路上找資源,因而在網路上找到WiFi Webradio的作者所製作的網路串流播放機,可參考下面連結:
為了要讓小小孩能夠較輕易的使用,而不用每次播放還需要用連入裝置的Web page設定選擇播放的故事,因此我捨棄了用按鍵的方式而加入了NFC讀取器來讀取NFC標籤上的URI資訊,這樣就能讓不懂文字的小小孩能夠自行選擇想聽的內容了,若有興趣可以參考下面連結自行添加想要的功能。
NFC-Web-Radio 為了能加入NFC模組,此Repository移除了External Ram及LED功能。
由於音源內容都是透過網路下載,因此你可以把你喜歡聽的音樂/故事內容放到雲端,透過NFC的連結就可以無限擴充你的內容,而不受限於記憶體容量,也可以解放父母的手機,不再被小小孩綁架,讓孩子也能享受古代帝皇睡前翻拍的樂趣,不知道這樣的應用你是否喜歡呢?

Demo影片


準備材料

喇叭:1組
NFC 讀取器模組: 1組 (SIC9310 module)
NFC標籤: 數個 (NTag213)
MP3解碼模組:1組(VS1053B module)
WiFi模組:1組(使用NODEMCU lolin module)

開始製作


    WiFi Web Radio製作:

  1. 將WiFi模組、MP3解碼模組、NFC 讀取器模組及喇叭的連接線依照圖示接好。
    From ESP8266_ESP12( 3.3 v) to VS1053 (5 v)
    From ESP8266_ESP12( VUSB, 5 V) to SIC9310 (VIN)
    GPIO16 to SIC9310 RESET
    GPIO2 to SIC9310 CS
    GPIO14 to VS1053 & SIC9310 SCK
    GPIO12 to VS1053 & SIC9310 MISO
    GPIO13 to VS1053 & SIC9310 MOSI
    TXD to CH340G UART rx
    RXD from CH340G UART tx
    GPIO05 to VS1053 XDCS
    GPIO04 to VS1053 DREQ
    GPIO00 to VS1053 XRST
    GPIO02
    GPIO15 to VS1053 XCS
  2.          
  3. 下載燒錄檔
  4. 下載WiFi模組燒錄工具,解壓縮後開啟,例如檔案位置D:\Download\flash_download_tools_v3.6.3_0\FLASH_DOWNLOAD_TOOLS_V3.6.3\ESPFlashDownloadTool_v3.6.3.exe。
  5. 將WiFi模組連接至PC的USB port將步驟2中的檔案燒錄至WiFi模組中,如下圖。
  6. 燒錄完成後,重新上電。

    NFC標籤製作(支援Android/Windows手機):

  1. Android手機下載NFC Tool。
  2. 選擇寫入頁面->添加紀錄->添加URL/URI->編輯你的URL資訊, 例:streaming.radio.rtl.fr/rtl2-1-44-128.m3u。
  3. 編輯完後按下確認回到寫入頁面,並點擊寫(標籤)按鈕。
  4. 將NFC標籤靠近Android手機的NFC讀寫範圍,寫完會提示是否成功。

操作說明

    透過NFC連結音源內容

  1. 將WiFi Web Radio裝置接上電源。
  2. 透過手機/電腦將WiFi連接至SSID名稱為WifiWebRadio的AP裝置,(若WiFi Web Radio裝置第一次使用或不認識家中的網路AP,此時裝置會自行轉換成AP讓外部裝置得以設定裝置內的WiFi)。
  3. 用瀏覽器開啟192.168.4.1,待網頁開啟後點擊Setting頁面->WiFi,並輸入與連線AP的ssid & passwod欄位,若需設置固定IP也可填入IP欄位中。
  4. 在gateway欄位中可以輸入router的IP位址。
  5. 按下WiFi旁的Validate按鈕,更新裝置的WiFi設定,此時裝置會重新啟動。
  6. 完成設定後即可將NFC標籤靠近NFC讀取器的天線附近,若讀取到正確的URI資訊,則會發出鈴聲,告知使用者已讀取完成。
  7. 隨後裝置會自行連接到音源網址並播放下載音源內容。

    透過網頁控制連結音源內容

  1. 將WiFi Web Radio裝置接上電源。
  2. 透過手機/電腦將WiFi連接至SSID名稱為WifiWebRadio的AP裝置,(若WiFi Web Radio裝置第一次使用或不認識家中的網路AP,此時裝置會自行轉換成AP讓外部裝置得以設定裝置內的WiFi)。
  3. 用瀏覽器開啟192.168.4.1,待網頁開啟後點擊Setting頁面->WiFi,並輸入與連線AP的ssid & passwod欄位,若需設置固定IP也可填入IP欄位中。
  4. 在gateway欄位中可以輸入router的IP位址。
  5. 按下WiFi旁的Validate按鈕,更新裝置的WiFi設定,此時裝置會重新啟動。
  6. 完成設定後可再透過手機/電腦連接至裝置(必須要知道此時的IP位址)的網頁,在EDIT頁面中編輯音源網址,並且在RADIO中的Stations control中選擇Station並播放。

  7. 隨後裝置會自行連接到音源網址並播放下載音源內容。




留言