jakobjfl / hue-browser-controller

Philips Hue Controller that works in a browser and can be installed on your PC/Mac.

The Hue Browser Controller

Introduction

The Hue Browser Controller is a website that enables you to control your Philips Hue lighting right from the website. It requires no install of software and runs locally. I other words it is a static website which means it can run independently of a web server and run just as it is stored. This means that if you have downloaded the site you can even control your lighting without a public internet connection.

Check out the Hue Browser Controller

Features

Creating a connection

When you enter the website you will see the login page. Here you can use an existing Philips Hue API connection or create a new connection as seen on the figure below. The program will automatically find the IP of a Philips Hue Bridge connected to the same network as your computer. You can also enter the IP manually this can be found in the hue app. After this the button on the Hue Bridge have to be pressed and then the program will automatically create a connection and you can login.

Controlling the lights

When you are logged in you will be presented with the control page. Here the rooms, scenes and lights from the phone app will automatically be fetch and displayed as shown on the figure below.

You can select different rooms to see the lights and scenes in them, adjust the brightness and turn all lights off in every room. Scenes can be selected by cheating on them but can only be created in hue app. By clicking on the uppermost part of a light you turn the lights off/on. By clicking on the lowermost part you a menu opens where you can adjust the lights brightness and colour temperature or saturation and hue as shown below.

Contributing

If you would like to contribute to this repository please feel free to do so. Please open an issue with the tag "enhancement" if you have any improvements or ideas for improvements. If you finde problems/issue with the website please also open an issue with the appropriate tag. You can also fork the repository can create a pull request if you wish to do so. Thank you in advance!

License

Distributed under the MIT License. See LICENSE.txt for more information.

hue-browser-controller's Issues

Rooms gradient does not work if the room contains one light

Error when trying to create connection

I get the following error when trying to make a new connection:
Error - try and enter the Hue bridge IP manually - SyntaxError: Unexpected end of JSON input

Console errors are attached below

The value of the hue slider does not change when a scene is selected

Build instructions

The README should contain instructions on how to build the artifacts (specifically the zip and exe file). Also, I'd suggest having a main branch with no generated artifacts and have a Github action create them for the gh-pages/deploy branch.

Differentiate zones & rooms in UI

The UI shows a "Rooms" column that includes rooms and zones mixed together. Current functionality is fine, but it would be more clear & helpful if rooms & zones were listed separately.

Solution could be as simple as a second area labeled "Zones" with the appropriate elements (/resource/zone/{id} in v2).

Ideally, the UI could be configured as either zones first or rooms first, as in the Hue mobile app. A zones/rooms toggle could also be an option, but it would be preferable to have both visible & accessible at once.

Hue color is not accurate from "rgb-color-converter"

Set Timeout on API and handle login errors

Overlay not disappearing when localstorage is incorrect

On very small phone table for More info is overflowing

Firefox issues

Layout is messed up on Firefox 101. Chromium based browsers are working fine.

Additionally, it is impossible to set 'allow insecure content' when using https and access the page; the only way to use this on Firefox 101 is to access it over http.

Collapse not overflowing the other elements

The collapses for each light should be on top of everything else.

Docker Image

Hey, had the idea for a apache docker image with hue-browser-controller inside it that exposed a port so you can access it.

Support multiple bridges

Improvements to error handling

Show more details about errors in the console and to the user.

other port number?

Hi,

would it be possible to add an option to use a port number other than the default, like 8080?

Best regards,

Victor

Add option to change main background color

In the app version, it'd be nice to change the background from purple to something else, even by e.g. adding a hex code to a config file