一、硬件预备
- ESP8266 模块 x1
- WS2812B 灯带（60/米，根据显示器四周长度买即可） x1
- 杜邦线 若干
- DC 电源 x1
二、软件预备
1. ESP8266 串口驱动
一般购买详情页都会有写，没有就找商家要一个。
一般是 CH340 或者 CP2102，我买的是 CP2102
2. WLED 固件
固件开源地址：github.com/Aircoookie/…
下载 ESP8266.bin 结束的文件
我这儿下载的是：WLED_0.14.0-b1_ESP8266.bin
3. ESP8266 烧录工具
github.com/nodemcu/nod…
4. Lightpack 软件
github.com/psieg/Light…
三、烧录固件
- 装置串口驱动
首要装置 ESP8266 串口驱动，这样 ESP8266 衔接电脑才干识别出来。
- ESP8266 衔接电脑
把 ESP8266 模块用数据线衔接到电脑。
- 开端烧录
翻开烧录工具 ESP8266Flasher.exe
点击上方 Config 一栏，并点击第一行的小齿轮图标挑选刚才下载的 WLED 固件：WLED_0.14.0-b1_ESP8266.bin
然后点击上方 Advanced 一栏，挑选波特率为 115200
回到 Operation 一栏，挑选 ESP8266 所在的端口
端口号可经过设备办理器 – 端口检查，假如找不到换成 USB2 接口
点击 Flash 按钮，然后按下 ESP8266 上的 Flash 按建，此刻应该能够看到 ESP8266 的 MAC 地址
等待进度条完成
烧录完成后，关闭软件，并从电脑拔掉 ESP8266 然后插到预备的电源上
四、测试灯带
把 WS2812B 灯带衔接到 ESP8266 上
第一版 WS2812B 终究作用感觉不是很亮，后来又买了 WS2815 的灯带，这儿把接线接口都列一下
| ESP8266 | WS2812B | WS2815 | DC 电源 | |
|---|---|---|---|---|
| 电源正极（赤色线） | VIN（供给电压） | VCC（5V） | VCC（12V） | 正极 |
| 电源负极（白色线） | GND（接地） | G（GND） | G（GND） | 负极 |
| 数据（绿色线） | D4（数据传输） | Di/Din（数据接纳） | Di/Din（数据接纳） | |
| 数据（蓝色线） | B0（备用数据接纳，可不接） |
此刻灯带前 30 颗灯会亮，假如不会亮，则需要从头烧录。
五、装备固件
翻开手机 WiFi 查找并衔接到一个名叫 WLED-AP 的接入点
暗码为：wled1234
衔接成功后，假如手机没有主动翻开装备页面，就用浏览器翻开：http://4.3.2.1
点击页面上的 WIFI SETTINGS 进行装备
在下面第一栏输入你家 WiFi 的名称，第二栏输入你家 WiFi 的暗码，最后点击上方的 Save&Connect 保存装备。
六、装备灯带
去路由办理页面检查 WLED 的地址，并在浏览器输入该地址
我这儿灯带 ip 为：192.168.124.23
在此页面随便点一个色彩看看灯带的色彩是否会跟着改变。
点击页面右上角的 Config 来装备灯带。
挑选 LED Preferences 并在 LED count/length 里填入你的灯带的灯珠数量
我的是 114
点击 Save 保存，此刻灯带的灯珠应该会悉数点亮。
七、装备 Lightpack 软件
装置并翻开 Lightpack 软件。
Address 填你 WLED 的 IP 地址，其他默认
在此页面填入你的灯珠的数量，并把弹出的方框用鼠标拖动到对应的灯珠方位并调整巨细，点第几个方框灯带上对应的第几颗灯珠就会亮，直到把所有方框悉数拖到对应方位。
调整完成后点击 Next 进入下一步
在这个页面是纠正灯珠偏色，把灯珠的色彩调整成跟你的显示器现在肉眼看到的白色相差不大的白色
调整完成后点击 Finish，到此，你的流光溢彩就做完成了。
八、增加供电
假如灯珠超越 100 颗，供电不要直接经过 ESP8266 自带的 MicroUSB 供电，否则会烧坏模块的供电电路，尽量使用 5V/6A 电源，所以我这儿买了一个 5V/6A 的 DC 电源。
- 电源计算
灯带电压：5V
灯珠功率：0.25W / 颗
总功率：0.25 x 114 = 28.5W
电源功率：5V x 6A = 30W
九、ESP8266 康复出厂设置
假如烧录固件失败，从头烧录之前最好康复出厂设置
先装置 python，装好之后使用 pip 装置 esptool
$ pip install esptool
进入 Scripts 目录，根据自己的 python 装置方位找下
$ cd C:\Python27\Scripts
翻开设备办理器，翻开端口，连上你的 esp8266，记住新增的端口是 com 几，我的是 com3
执行下面指令康复出厂设置
$ ./esptool.py.exe–port COM3erase_flash
留意 : esptool.py.exe 或许叫 esptool.exe 详细什么名字在 Scripts 目录下找一找
十、参考资料
- 使用ESP8266+ws2812b制造无线流光溢彩：www.bilibili.com/read/cv9670…
- 怎么让显示器的色彩溢出来：orxing.top/post/6d6f27…
- 经过Prismatik灯控软件完成完美屏光互动：g.nga.cn/read.php?ti…
- esp8266 初始化 重置 康复出厂设置：blog.csdn.net/thegirl0001…
- 怎么简略的让ESP8266康复出厂设置：www.bilibili.com/read/cv2218…
- Digispark ATtiny85合作Prismatik软件DIY屏幕流光溢彩作用：blog.csdn.net/qq_36151485…
- ESP8266 GPIO 的攻略：引脚图：www.bilibili.com/read/cv1422…
- ESP8266引脚使用留意事项和推荐：zhuanlan.zhihu.com/p/433461900
- nodemcu+ws2815流光溢彩完成的补充：bbs.hassbian.com/forum.php?m…
- 电脑显示器氛围灯说明书(详细版)： www.bilibili.com/read/cv9492…
