You can create your own hue gradient lightstrip using some components like a board, lightstrip, and a power adapter. The lightstrip supports 7 zones, just like the official Philips Hue Play Gradient Lightstrip. This is to simulate the Philips Hue original. Creating the lightstrip requires soldering and some really advanced steps to flash the board. It is meant for the advanced user who is into a challenge.
Support for this DIY gradient strip is only available in the
flaskbranch of diyHue. This branch is currently under development.
What do I need?
- ESP8266 board (Lolin D1 Mini) - Amazon.de, Amazon.com, AliExpress
- WS2812B lightstrip - AliExpress, Amazon.de, Amazon.com
- 5V 6A power adapter - AliExpress, Amazon.de, Amazon.com
- Raspberry Pi (for diyHue) - Amazon.de, Amazon.com, AliExpress
Furthermore, you will need Hue Essentials as the app to run Sync on your Android TV or other devices.
Build the lightstrip
- Connect the red/white/green wires of the lightstrip to the board. Connect red to 5V, white to GND, green to RX. You will need to solder the wires to the board. You may use the included pins so you can easily connect and disconnect the board.
- Connect the other two red/white wires of the lightstrip to the 5V power adapter. Connect red (+) to red, white (-) to white.
This is what the result looks like:
Flash the board
Install and open Arduino IDE on your PC or Mac
Go to Preferences, add the following URL to Additional Boards Manager URLs, and tap OK:
Now go to Tools, and tap Manage libraries
Install WiFiManager by tzapu,tablatronix (GitHub)
Install ArduinoJson by Benolt Blanchon (GitHub)
Go to Tools, tap Board: …, and tap Boards Manager
Install esp8266 by ESP8266 Community (GitHub)
Download the Gradient_Strip_WS2812 sketch from diyHue (open the link, on that page right click Raw, and click Save Link As).
In the Arduino IDE, tap File, tap Open, and select the downloaded .ino file.
Remove your board from power and the lightstrip. Then connect it to your PC or Mac using the USB port
In the Arduino IDE, go to Tools and change the following settings:
- Tap Board: …, tap ESP8266 Boards (…), and select your board. In our case it is the LOLIN(WEMOS) D1 R2 & mini
- Set Erase Flash to All Flash Contents
- Set Port to the port you connected your board (if you connected your board through usb, then select the port with usb in the name)
Go to Sketch, and tap Upload
Wait until the flashing was successful
If you are using a Mac and get the following error:
pyserial or esptool directories not found next to this upload.py tool
Then follow this workaround:
- Open the file
- Replace line 29 and 30 with the following:
iokit = ctypes.cdll.LoadLibrary('/System/Library/Frameworks/IOKit.framework/IOKit') cf = ctypes.cdll.LoadLibrary('/System/Library/Frameworks/CoreFoundation.framework/CoreFoundation')
- Save the file, restart Arduino IDE, and try again.
See also comment #3 at PySerial and EspTools Directory Error
Configure the lightstrip
- Remove the controller from your PC or Mac and connect your lightstrip and power adapter to the controller
- On your phone, connect to the WiFi network that is created by the controller
- Open a web browser on your phone, and go to 192.168.4.1
- On the web page, connect the controller to your WiFi network
- The controller and your phone should now both reconnect to your WiFi network
- Open a web browser, and go to the IP address of your controller.
- Go to Preferences and configure the Pixel count. This is the amount of LEDs (pixels) your lightstrip has. For example, when you use a lightstrip with 60 LEDs per meter, and the total length is 5 meters, then you have 60*5=300 pixels.
Support for the diyHue gradient lightstrip is in beta and is only available in the
flask branch at the moment.
See the following how to instal diyHue and follow the additional instructions depending on your installation method below: Getting Started — diyHue 1.0 documentation
When installing diyHue, make sure you install the
flask branch. If you are using the Docker installation method, replace
diyhue/core:flask in the command.
Connect the lightstrip to diyHue
- Open Hue Essentials and connect it to your diyHue emulator
- Go to the Devices tab, tap the + button, tap Light, and select your diyHue emulator
- Tap Search for lights in Hue Essentials
- Your gradient light strip should appear in Hue Essentials now. If it does not appear, try searching for lights multiple times
- Now you can create an entertainment area under the Entertainment tab and start Sync.
As an Amazon Associate I earn from qualifying purchases. The price remains the same for you.