Giter VIP home page Giter VIP logo

huelightdj's Introduction

HueLightDJ

Hue Light DJ using Hue Entertainment API

Build status

What is it?

This web app connects to a Philips Hue Bridge over the local network. It uses the Hue Entertainment API to update the lights almost instantly. Hue Light DJ is meant for setups with 20+ Hue Lights. Don't use this app for your personal setup with less than 5 lights. Things might get interesting with 10 lights, you can try it out. There is also a DEMO mode build in so you see how it would look like on a 20+ light setup.

NOTE: Hue Entertainment supports max 10 lights in an Entertainment Group. To get this to work with more than 10 lights, you need to have 1 bridge for every 10 lights.

Hue Entertainment demo with 32 Hue Light Strips Hue Light DJ with 32 Hue LED strips

Features

  • Comes with a lot of build in effects
  • BPM input to specify speed of effects
  • Preview window, to see the result of the effects
  • Random mode, runs a random effect on a random group
  • Auto mode (Party Mode), starts a new random effect every 6 seconds
  • Build in groups like front/back, left/right
  • Random group, creates a new random group every time
  • Effect Composer, try out new effects by selecting a group, IteratorMode and effect
  • Touch effect, click or touch the preview area to start an effect from that position
  • Brightness Slider to control overall brightness
  • DEMO mode, to test the app without a Hue Bridge
  • Keyboard Shortcuts
  • Connect to multiple Hue Bridges at the same time to control more than 10 lights
  • Multi Bridge light location configuration using the /Configure page

Tech

  • ASP.Net Core 5.0 backend
  • SignalR for realtime communication between frontend and backend
  • Q42.HueApi for communicating with the Hue Bridge
  • Vue.js frontend
  • PixiJS for WebGL preview window
  • Mousetrap for keyboard shortcuts

Build and Install Instructions

  • Make sure to have .Net 5.0 installed to build this project
  • Get the IP, Key and EntertainmentKey for your Hue Bridge using the API or the included /Setup page (run the project and navigate to /setup)
  • Enter the IP, Key and EntertainmentKey in appsettings.json
  • Run the HueLightDJ.Web project(dotnet run inside the HueLightDJ.Web directory)

Docker

https://hub.docker.com/r/michielpost/huelightdj/

docker pull michielpost/huelightdj
docker run -d -p 8080:80 michielpost/huelightdj

HueLightDJ is now available on port 8080

Feature Wishlist

  • More build in effects
  • Support for a hardware controller using WebMidi

Screenshots

Main Setup Multi Bridge Location Editor

Disclaimer

This app not affiliated with the Light DJ series of light show apps by NRTHRNLIGHTS, LLC

huelightdj's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.