blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互

 

总链接:  https://www.arduino.cn/thread-78393-1-1.html

语音控制:https://doc.blinker.app/?file=005-App%E4%BD%BF%E7%94%A8/04-%E8%AF%AD%E9%9F%B3%E6%8E%A7%E5%88%B6

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第1张图片

 

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第2张图片

 

### 软件准备  
**下载并安装Arduino IDE** ()   
[点击去下载](https://www.arduino.cn/thread-5838-1-1.html)  
**下载并安装esp8266扩展**  
[点击去下载](https://www.arduino.cn/thread-76029-1-1.html)  
**下载并加载Blinker-library**  
[点击去下载](https://github.com/blinker-iot/blinker-library)  
**下载并安装blinker APP**  
android下载:[点击下载](https://github.com/blinker-iot/app-release/releases)  
IOS下载:app store中搜索“blinker”下载  

 

1**下载并安装Arduino IDE** ()   
[点击去下载](https://www.arduino.cn/thread-5838-1-1.html)  

我用的是1.8.3本版

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第3张图片

2**下载并安装esp8266扩展**  
[点击去下载](https://www.arduino.cn/thread-76029-1-1.html)  

 

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第4张图片

 解压到默认路径,别乱改

之后重启Arduino IDE,会看到WIFIDUINO 

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第5张图片

 

 

3**下载并加载Blinker-library**  
[点击去下载](https://github.com/blinker-iot/blinker-library)  

首先查看原有自带库文件在哪里放置

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第6张图片

 

把下载的库压缩包放在Arduino的库文件下

C:\Users\dongdong\Documents\Arduino\libraries

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第7张图片

Arduino添加压缩包库文件

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第8张图片

 

 

选择Add.ZIP Library 压缩文件,导入成功

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第9张图片

 4**下载并安装blinker APP**  
android下载:[点击下载](https://github.com/blinker-iot/app-release/releases)  
IOS下载:app store中搜索“blinker”下载  

## 编辑界面  
1. 点击进入设备界面,点击右上角编辑键,切换到界面编辑模式  
2. 添加一个开关组件,点击开关组件,设置语音指令,如图:  
==可以设置多条语音指令,使用这些指令都可以执行对应的动作==  

3. 设置好后点击右下的确定键,再点击右上角的锁定图标,即可保存界面及语音指令  

## 编译上传示例程序  
将示例程序上传到Arduino中 

#define BLINKER_PRINT Serial
#define BLINKER_MQTT

#include 

char auth[] = "9a02fc93f6cf";
char ssid[] = "dongdong";
char pswd[] = "ldd123456";
#define TOGGLE_1    "tog-00d" // 滑块按键
#define BUTTON_1 "btn-qc4" // 按压按键 void setup() { Serial.begin(115200); pinMode(LED_BUILTIN, OUTPUT); digitalWrite(LED_BUILTIN, LOW); Blinker.begin(auth, ssid, pswd); Blinker.wInit(BUTTON_1, W_BUTTON); } void loop() { Blinker.run(); if (Blinker.available()) { BLINKER_LOG2("Blinker.readString(): ", Blinker.readString()); uint32_t BlinkerTime = millis(); Blinker.beginFormat(); Blinker.vibrate(); Blinker.print("millis", BlinkerTime); Blinker.endFormat(); } if (Blinker.button(BUTTON_1)) {// 按压按键监测 digitalWrite(LED_BUILTIN, !digitalRead(LED_BUILTIN)); Serial.println("111111111111"); }

 if (Blinker.toggle(TOGGLE_1)) { // 滑块按键检测
       //digitalWrite(LED_BUILTIN, LOW);
          Serial.println("down");
    }
    else {
          Serial.println("on");}
} }

  

其中宏TOGGLE_1对应的字符串需要修改为你添加的开关组件的键名,如:  

#define TOGGLE_1    "tog-0kn"

autu填写你添加设备时获取到的SecretKey  
ssid和pswd需写入你当前WiFi的ssid和密码,如:  

char auth[] = "45563323dacb";
char ssid[] = "blinkerap";
char pswd[] = "blinkerpassword";

  ## 大功告成  
现在在app中点击语音按键,说出你设定的语音指令,即可控制开关灯了  
你可以根据需求修改接入方式和控制逻辑  

更多语音控制介绍,可见语音控制文档  
更多blinker教程文档,可见 https://doc.blinker.app/

 

手机按键或者语音交互,电脑监测结果

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第10张图片

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第11张图片       blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第12张图片

 

控件不同,使用检测的函数不同,自定义功能那个不同。

 

使用方法

点击我的设备页面右下角的麦克风图标,即可进入语音控制界面,然后说出指令即可

DIY设备语音指令设置方法

DIY设备中的语音指令和组件是绑定的,目前可以绑定语音指令的组件有:按键组件开关组件
在界面编辑状态下,点击组件,即可设置语音指令:

查询语音指令

在语音控制界面,点击左下的"?"图标,可以列出当前可用的语音指令。
指令较多时,可以上下拖拽滚动查看

 

滑动条使用-不支持语音

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第13张图片

#define BLINKER_PRINT Serial
#define BLINKER_MQTT

#include 

char auth[] = "9a02fc93f6cf";
char ssid[] = "dongdong";
char pswd[] = "ldd123456";

#define BUTTON_1        "btn-qc4"
#define RGB1            "rgb"
#define SLIDER_1        "SliderKey"

void setup() {
    Serial.begin(115200);

    pinMode(LED_BUILTIN, OUTPUT);
    digitalWrite(LED_BUILTIN, LOW);

    Blinker.begin(auth, ssid, pswd);
    Blinker.wInit(BUTTON_1, W_BUTTON);
    Blinker.wInit(RGB1, W_RGB);
    Blinker.wInit(SLIDER_1, W_SLIDER);
}

void loop()
{
    Blinker.run();
    if (Blinker.available()) {
        BLINKER_LOG2("Blinker.readString(): ", Blinker.readString());
        uint32_t BlinkerTime = millis();
        Blinker.beginFormat();
        Blinker.vibrate();        
        Blinker.print("millis", BlinkerTime);
        Blinker.endFormat();
    }
    if (Blinker.button(BUTTON_1)) {
        digitalWrite(LED_BUILTIN, !digitalRead(LED_BUILTIN));
        Serial.println("button use!"); 
    }
uint8_t colorR = Blinker.rgb(RGB1,R);
uint8_t colorG = Blinker.rgb(RGB1,G);
uint8_t colorB = Blinker.rgb(RGB1,B);
uint8_t brightness = Blinker.slider(SLIDER_1);
colorR = map(colorR, 0, 255, 0, brightness);Serial.print("  colorR");  Serial.print(colorR); 
colorG = map(colorG, 0, 255, 0, brightness);Serial.print("  colorG");  Serial.print(colorG); 
colorB = map(colorB, 0,  255, 0, brightness);Serial.print("  colorB");  Serial.println(colorB); 
Blinker.delay(100);
}

  

  1. 我的设备页面点击设备,进入控制面板
  2. 点击右上角 编辑界面 按钮
  3. 添加 RGB组件滑动条组件
  4. 点击RGB组件将数据键名修改为“rgb”;点击滑动条组件将数据键名修改为“SliderKey”
  5. 点击界面右上角保存界面布局
  6. 操作组件即可控制滑动条数据了

 

https://doc.blinker.app/?file=008-%E9%A1%B9%E7%9B%AE%E5%AE%9E%E8%B7%B5/01-%E8%93%9D%E7%89%99%E6%B0%9B%E5%9B%B4%E7%81%AF

 blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第14张图片

 

文本框使用-不支持语音

 

 

源码说明

1在Config中找到阿里云对应的域名+端口,但是MQTT服务器采用动态认证模式,ID和密钥是程序自己从远程HTTP服务器获取,然后解析出来连接MQTT服务器。

blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互_第15张图片

 

转载于:https://www.cnblogs.com/kekeoutlook/p/9369455.html

你可能感兴趣的:(blinker语音控制Arduino/esp8266开关灯-滑动条使用-文本框交互)