基于ESP8266+BY8301語音模塊的與山地車捉迷藏的小專案

寫在前面：

不知道大家有沒有經歷過，在茫茫車海中找不到自己山地車情況，針對這個痛點（開玩笑的），我做了個小玩意，純屬娛樂，拿出來，在疫情逐漸加劇的時候，給大家帶來一份歡樂，

B站有專案的概要視頻，不喜歡文字的同學可以去看看，看完別忘了點贊哦！

B站視頻地址

專案所有軟體與硬體支持都在我的碼云倉庫里，

碼云倉庫

下面就是這個專案的簡單介紹了，

硬體支持：

電路元件

ESP8266模塊、BY8301語音控制芯片、flash芯片、功放芯片、揚聲器、電容、電阻、二極管、LED，

原理圖

原理部分比較簡單，就是連一連控制的IO引腳，別的好像也沒什么要注意的，

PCB

大家想復現的時候，我建議把電阻、電容的封裝換成最大號的，我第一次沒經驗，瞎弄，焊接的時候可是廢了老鼻子勁了，

真的是吃一塹長一智，

打樣

嘉立創，免費打樣，一個月一個用戶有兩次機會，

要求10cm×10cm以內，二層板，四層板，都可以，顏色可任選，我選了黑色（因為酷），因此我等了差不多有兩周時間（綠色的最快），還碰到嘉立創服務器崩潰，維護了兩天，

焊接完成

看著還可以，但這已經不知道是焊接的第幾個板子了，中間焊不好，老是把焊盤給帶下來，最后直接用0歐姆的電阻當飛線給連起來了，再次重申：在空間允許的情況下，一定要選大封裝，要分散開布置，我的血淚教訓！！

接下來就是軟體部分了，

軟體支持：

開發平臺

Arduino平臺，大量的集成庫，賊方便~

邏輯控制部分代碼

代碼分為兩部分，一部分燒錄直接燒錄到ESP8266，用來構建個網路服務器端，


#include <ESP8266WiFi.h>      // 本程式使用ESP8266WiFi庫
#include <ESP8266WiFiMulti.h> // 本程式使用ESP8266WiFiMulti庫
#include <ESP8266WebServer.h> // 本程式使用ESP8266WebServer庫
#include <FS.h>               // 本程式使用SPIFFS庫

ESP8266WiFiMulti wifiMulti;     // 建立ESP8266WiFiMulti物件,物件名稱是'wifiMulti'
 
ESP8266WebServer esp8266_server(80);    // 建立網路服務器物件，該物件用于回應HTTP請求，監聽埠（80）

int button1Pin = D1; 
int button2Pin = D2;
int button3Pin = D3;
int button4Pin = D4;
int button5Pin = D5;
int button6Pin = D6;
                                   
void setup(){
  Serial.begin(9600);        
  Serial.println("");
  
  pinMode(LED_BUILTIN, OUTPUT);      // 初始化NodeMCU控制板載LED引腳為OUTPUT
  pinMode(button1Pin, OUTPUT);
  pinMode(button2Pin, OUTPUT);
  pinMode(button3Pin, OUTPUT);
  pinMode(button4Pin, OUTPUT);
  pinMode(button5Pin, OUTPUT);
  pinMode(button6Pin, OUTPUT);
  
  digitalWrite(button1Pin,HIGH);
  digitalWrite(button2Pin,HIGH);
  digitalWrite(button3Pin,HIGH);
  digitalWrite(button4Pin,HIGH);
  digitalWrite(button5Pin,HIGH);
  digitalWrite(button6Pin,HIGH);
  
  //通過addAp函式存盤  WiFi名稱       WiFi密碼
  wifiMulti.addAP("iron2222", "184******009"); // 將需要連接的一系列WiFi ID和密碼輸入這里
  wifiMulti.addAP("ssid_from_AP_2", "your_password_for_AP_2"); // ESP8266-NodeMCU再啟動后會掃描當前網路
  wifiMulti.addAP("ssid_from_AP_3", "your_password_for_AP_3"); // 環境查找是否有這里列出的WiFi ID，如果有
  Serial.println("Connecting ...");                            // 則嘗試使用此處存盤的密碼進行連接，
 
  int i = 0;                                 
  while (wifiMulti.run() != WL_CONNECTED) {  // 在當前環境中搜索addAP函式所存盤的WiFi
    delay(1000);                             // 如果搜到多個存盤的WiFi那么NodeMCU
    Serial.print(i++); Serial.print('.');                       // 將會連接信號最強的那一個WiFi信號，
  }                                          
                                         
  // WiFi連接成功后將通過串口監視器輸出連接成功資訊 
  Serial.println('\n');                     // WiFi連接成功后
  Serial.print("Connected to ");            // NodeMCU將通過串口監視器輸出，
  Serial.println(WiFi.SSID());              // 連接的WiFI名稱
  Serial.print("IP address:\t");            // 以及
  Serial.println(WiFi.localIP());           // NodeMCU的IP地址

  if(SPIFFS.begin()){                       // 啟動閃存檔案系統
    Serial.println("SPIFFS Started.");
  } else {
    Serial.println("SPIFFS Failed to Start.");
  }
  
  esp8266_server.on("/1-Control", handle1Control); // 告知系統如何處理/1-Control請求
  esp8266_server.on("/2-Control", handle2Control);
  esp8266_server.on("/3-Control", handle3Control);
  esp8266_server.on("/4-Control", handle4Control);
  esp8266_server.on("/5-Control", handle5Control);
  esp8266_server.on("/6-Control", handle6Control);
       
  esp8266_server.onNotFound(handleUserRequest);        // 告知系統如何處理其它用戶請求     
  
  esp8266_server.begin();                   // 啟動網站服務                                  
  Serial.println("HTTP server started");    
}

void loop(){
  esp8266_server.handleClient();  //處理用戶請求
  digitalWrite(LED_BUILTIN,HIGH);
}                                

// 處理/1-Control請求  
void handle1Control(){
   digitalWrite(button1Pin,!digitalRead(button1Pin));
   delay(500);
   digitalWrite(button1Pin,HIGH);
 
   esp8266_server.sendHeader("Location", "/yuyinctrl.html");       
   esp8266_server.send(303);  
}
void handle2Control(){
   digitalWrite(button2Pin,!digitalRead(button2Pin));
   delay(500);
   digitalWrite(button2Pin,HIGH);
 
   esp8266_server.sendHeader("Location", "/yuyinctrl.html");       
   esp8266_server.send(303);  
}
void handle3Control(){
   digitalWrite(button3Pin,!digitalRead(button3Pin));
   delay(500);
   digitalWrite(button3Pin,HIGH);
 
   esp8266_server.sendHeader("Location", "/yuyinctrl.html");       
   esp8266_server.send(303);  
}
void handle4Control(){
   digitalWrite(button4Pin,!digitalRead(button4Pin));
   delay(500);
   digitalWrite(button4Pin,HIGH);
 
   esp8266_server.sendHeader("Location", "/yuyinctrl.html");       
   esp8266_server.send(303);  
}
void handle5Control(){
   digitalWrite(button5Pin,!digitalRead(button5Pin));
   delay(500);
   digitalWrite(button5Pin,HIGH);
 
   esp8266_server.sendHeader("Location", "/yuyinctrl.html");       
   esp8266_server.send(303);  
}
void handle6Control(){
   digitalWrite(button6Pin,!digitalRead(button6Pin));
   delay(500);
   digitalWrite(button6Pin,HIGH);
 
   esp8266_server.sendHeader("Location", "/yuyinctrl.html");       
   esp8266_server.send(303);  
}

                                                                     
// 處理用戶瀏覽器的HTTP訪問
void handleUserRequest() {         
     
  // 獲取用戶請求資源(Request Resource）
  String reqResource = esp8266_server.uri();
  Serial.print("reqResource: ");
  Serial.println(reqResource);
  
  // 通過handleFileRead函式處處理用戶請求資源
  bool fileReadOK = handleFileRead(reqResource);

  // 如果在SPIFFS無法找到用戶訪問的資源，則回復404 (Not Found)
  if (!fileReadOK){                                                 
    esp8266_server.send(404, "text/plain", "404 Not Found"); 
  }
}

bool handleFileRead(String resource) {            //處理瀏覽器HTTP訪問

  if (resource.endsWith("/")) {                   // 如果訪問地址以"/"為結尾
    resource = "/index.html";                     // 則將訪問地址修改為/index.html便于SPIFFS訪問
  } 
  
  String contentType = getContentType(resource);  // 獲取檔案型別
  
  if (SPIFFS.exists(resource)) {                     // 如果訪問的檔案可以在SPIFFS中找到
    File file = SPIFFS.open(resource, "r");          // 則嘗試打開該檔案
    esp8266_server.streamFile(file, contentType);// 并且將該檔案回傳給瀏覽器
    file.close();                                // 并且關閉檔案
    return true;                                 // 回傳true
  }
  return false;                                  // 如果檔案未找到，則回傳false
}

// 獲取檔案型別
String getContentType(String filename){
  if(filename.endsWith(".htm")) return "text/html";
  else if(filename.endsWith(".html")) return "text/html";
  else if(filename.endsWith(".css")) return "text/css";
  else if(filename.endsWith(".js")) return "application/javascript";
  else if(filename.endsWith(".png")) return "image/png";
  else if(filename.endsWith(".gif")) return "image/gif";
  else if(filename.endsWith(".jpg")) return "image/jpeg";
  else if(filename.endsWith(".ico")) return "image/x-icon";
  else if(filename.endsWith(".xml")) return "text/xml";
  else if(filename.endsWith(".pdf")) return "application/x-pdf";
  else if(filename.endsWith(".zip")) return "application/x-zip";
  else if(filename.endsWith(".gz")) return "application/x-gzip";
  return "text/plain";
}

網頁構建代碼

主頁面

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>語音模塊控制</title>
</head>
<body>
	<center>
	<a href="https://gitee.com/iron2222/esp8266" target="_blank"><img src="https://img.uj5u.com/2022/03/14/303849140607326.png" alt="iron2222"></a>
	<h1>歡迎來到我的小家！</h1>
	<p><a href="https://www.cnblogs.com/iron2222/p/yuyinctrl.html">前往語音控制頁面</a></p>
	<p>此頁面用于演示如何通過網頁按鈕來控制語音播放，</p>
    <p>詳情請參考我的碼云倉庫： <a href="https://gitee.com/iron2222/esp8266" target="_blank">https://gitee.com/iron2222/esp8266</a> 
	</center>
</body>

</html>

語音控制頁面

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>語音模塊控制</title>
</head> 
<body>
	<center>
	<h1>語音模塊選擇</h1>
	<p>通過以下按鍵，您可以選擇所需要播放的語音</p>
   <form action="1-Control"><input type="submit" value="https://www.cnblogs.com/iron2222/p/語音1"style="width:100px;height:60px">
   </form>
   <br>
   <form action="2-Control"><input type="submit" value="https://www.cnblogs.com/iron2222/p/語音2"style="width:100px;height:60px">
   </form>
   <br>
   <form action="3-Control"><input type="submit" value="https://www.cnblogs.com/iron2222/p/語音3"style="width:100px;height:60px">
   </form>
   <br>
   <form action="4-Control"><input type="submit" value="https://www.cnblogs.com/iron2222/p/語音4"style="width:100px;height:60px">
   </form>
   <br>
   <form action="5-Control"><input type="submit" value="https://www.cnblogs.com/iron2222/p/語音5"style="width:100px;height:60px">
   </form>
   <br>
   <form action="6-Control"><input type="submit" value="https://www.cnblogs.com/iron2222/p/語音6"style="width:100px;height:60px">
   </form>
   <br>
   <form action="index.html"><input type="submit" value="https://www.cnblogs.com/iron2222/p/回傳首頁"style="width:100px;height:60px">
   </form>
   	<p>此頁面用于演示如何通過網頁按鈕來控制語音播放，</p>
    <p>詳情請參考我的碼云網址： <a href="https://gitee.com/iron2222/esp8266" target="_blank">https://gitee.com/iron2222/esp8266</a> 
   </center>
</body>

</html>

網頁效果展示

網頁檔案和圖片資源是與要通過，ardunio直接上傳到你的ESP8266這個板子里面的，具體方式大家可以參考太極創客網站，里面的教程說的相當清楚，附上地址吧：

太極創客

以上便是軟體的所有內容，

實際效果演示：

演示效果大家可以去看我那個視頻，因為使用的是wifi連接，所以不建議室內，室外50~100m還是可以連接上的，但可能你得換一個功率相當大的喇叭，才能聽得到你的山地車的回應，

總結

第一次從頭到尾做一個小東西，識訓很多，教訓也很多，加油~

祝大家早安，午安和晚安！！！

轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/442749.html

標籤：嵌入式

上一篇：NameError：未定義名稱“VideoCapture”

下一篇：VS Code除錯C代碼