LIFX Developer Zone

How to develop a Virtual page like virtualbulb.lifx.com

Hi LIFX family,

Would you be able to share what language and briefly how you created the

virtualbulb.lifx.com

It will be great to be able to create something similar to allow our target audience to preview our app with a LIFX bulb.

We are creating a calm music and LIFX tile panels.

Thank you,
Christian
++

Hello,

What we’ve done there is a bit complicated because of how the App connects to us and how we associate the connection from the app and from your browser.

But, fundamentally it’s

  • App sends protocol messages to the server
  • The server sends color information to the browser
  • And then the browser sets the background via css

For the color conversion we use something like this https://gist.github.com/delfick/eda5c6b29748d41d16aedeac3d9796a5