Colorpicker für Philips HUE

Pman

Ich habe einen Colorpicker für Philips HUE implementiert, womit eine deutlich genauere Farbauswahl möglich sein sollte als mit dem RGB-Picker.

Bei Philips Lampen mit bekanntem Gamut werden auch nur die tatsächlich darstellbaren Farben angezeigt.

Falls mir jemand beim testen helfen will:

1. neuen Hue Adapter von hier installieren:

https://github.com/Pmant/ioBroker.hue

2. neuen vis-colorpicker von hier installieren:

https://github.com/Pmant/ioBroker.vis-colorpicker

Nicht wundern, das preview-icon im Vis-Editor sieht noch aus wie der RGB-Picker :roll:

Bluefox

Sieht gut aus.

Ich kann eine Lizenz kaufen http://jscolor.com/license/?type=dev , wenn du fertig bist. :)
48_2016-05-17_23_22_56-vis.png

Pman

Brauchen wir eine Commercial Developer License? Ich habe es so verstanden, dass es ansonsten unter "GNU GENERAL PUBLIC LICENSE Version 3" läuft.

Bluefox

Dafür muss man aber den ganzen Kode als Open Source haben (was sowieso der Fall ist). ;)

Aber falls ich oder jemand dass irgendwann kommerziell einsetzen will, dann braucht man Commercial Lizenz. 25$ ist aber absolut Ok.

Bluefox

Was ist Gamut/Model ?

Was ist Gamut/Zoom?

Kann man mindestens noch RGB ID unterstützen (wie #112233) und am besten noch Red ID, Green ID und Blue ID.?

Weil momentan kann man widget nur mit dem Skript benutzen, oder?

Pman

Der Picker gibt direkt Werte im CIE Farbraum aus (XY und Brightness) und ist nur mit dem Lampen aus dem HUE Adapter nutzbar. Die RGB Werte (welche der Knopf annimmt) sind nur umgerechnete Werte und nicht 100% genau, man könnte sie aber trotzdem ausgeben. Ich habe in jscolor den CIE Farbraum eingebaut und damit dann den Picker erstellt.

Wenn man die Command-ID von einer Lampe des HUE Adapters (neue Version) angibt sollten die übrigen Felder ausgefüllt werden.

Bei Gamut/Model kommt dabei entweder die Model ID oder die Gamut ID von Philips (A,B,C oder default) rein, dadurch wird der Farbraum auf die Farben eingeschränkt, welche die Lampe tatsächlich darstellen kann (helles Dreieck).

GamutZoom gibt an, ob auf die darstellbaren Farben gezoomt werden soll. Die Option könnte man auch rausnehmen, da sie eigentlich immer an sein sollte, weil ansonsten die Farben am Rand des mittleren Dreiecks einfach nur wiederholt werden.

Mehr Informationen zum Philips HUE Farbraum:

http://www.developers.meethue.com/documentation/supported-lights

Arminhh

moin,

ich habe gerade den Color Picker getestet. Als erstes habe ich den Hue Adapter über den Link aktualisiert. als zweites über den Link den Picker installiert. Alles ist auf dem neusten Stand.

Im Vis "Editmodus" kann ich den neuen Hue Picker auswählen, konfigurieren alles klappte auf Anhieb!! :D

Leider wird mir aber der Picker nicht im "Bedienmodus" von Vis angezeigt! Browser Cache geleert und aktualisiert!

mfg

Arminhh

Edit

kleine Korrektur.

Solange der Picker nicht konfiguriert ist zeigt er den Button im "Bedienmodus" an. Sobald der Command ausgewählt wurde und die anderen Felder sich automatisch konfiguriert haben verschwindet der Button!

Pman

Was sagt die Browserconsole?

Versuch auch mal den Hue Adapter neu zu starten und (nur falls du keine History an hast bei den Datenpunkten) alle Hue-Datenpunkte zu löschen und vom Adapter neu anlegen lassen.

Arminhh

ich hoffe das hilft!

Error: Error: can't render tplHUEjscolor w00080 (TypeError: xy.split is not a function)

jquery-1.11.2.min.js:3 Refused to load the image 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==' because it violates the following Content Security Policy directive: "img-src *".

a.getComputedStyle.Jb @ jquery-1.11.2.min.js:3m.extend.css @ jquery-1.11.2.min.js:3U @ jquery-1.11.2.min.js:3Vb @ jquery-1.11.2.min.js:3m.fn.extend.show @ jquery-1.11.2.min.js:3m.fn.(anonymous function) @ jquery-1.11.2.min.js:4e.fn.extend.show @ jquery-ui-1.11.4.full.min.js:13vis.renderView @ vis.js:776vis.changeView @ vis.js:1243vis.initNext @ vis.js:650vis.loadWidgetSets @ vis.js:537vis.init @ vis.js:563(anonymous function) @ vis.js:2494(anonymous function) @ conn.js:1066Socket.onack @ socket.io.js:873Socket.onpacket @ socket.io.js:798(anonymous function) @ socket.io.js:1056Emitter.emit @ socket.io.js:1194Manager.ondecoded @ socket.io.js:366(anonymous function) @ socket.io.js:1056Emitter.emit @ socket.io.js:1194Decoder.add @ socket.io.js:5143Manager.ondata @ socket.io.js:356(anonymous function) @ socket.io.js:1056Emitter.emit @ socket.io.js:1194Socket.onPacket @ socket.io.js:1791(anonymous function) @ socket.io.js:1608Emitter.emit @ socket.io.js:1194Transport.onPacket @ socket.io.js:2171Transport.onData @ socket.io.js:2163ws.onmessage @ socket.io.js:3183

ist Chrome auf OEX

Pman

Ich denke es liegt daran, dass deine Datenpunkte vom alten HUE-Adapter angelegt wurden.

Es gibt nochmal ein kleines Update vom color-picker, vielleicht hilft es?

Ansonsten und falls möglich lösch mal bitte die Datenpunkte von HUE und starte den Adapter neu.

Pman

Hey bluefox danke für das mergen, allerdings funktioniert der HUE Picker bei mir nicht mehr :lol:

Console gibt keine Fehler aus und der Picker wird gerendert, aber er nimmt weder die Farbe des aktuellen xy-States meiner Lampe an, noch schreibt er die Änderungen in die Lampe.

Arminhh

~~@Pman:~~

Ich denke es liegt daran, dass deine Datenpunkte vom alten HUE-Adapter angelegt wurden.

Es gibt nochmal ein kleines Update vom color-picker, vielleicht hilft es?

Ansonsten und falls möglich lösch mal bitte die Datenpunkte von HUE und starte den Adapter neu. `

Danke für die Unterstützung! Nach löschen der Datenpunkte und Adapter hat es dann funktioniert! Mir ist aufgefallen, das manchmal das Auswählen einer Farbe der Maus Klick nicht erkannt wird.

Kommt das noch dem Button ein Icon zuweisen?

mfg

Arminhh

Bluefox

~~@Pman:~~

Hey bluefox danke für das mergen, allerdings funktioniert der HUE Picker bei mir nicht mehr :lol:

Console gibt keine Fehler aus und der Picker wird gerendert, aber er nimmt weder die Farbe des aktuellen xy-States meiner Lampe an, noch schreibt er die Änderungen in die Lampe. `
Schaue ich an.

Merlin123

Ich versuche mich grade an den ersten Schritten mit ioBroker und versuche gerade den Colorpicker ans Laufen zu bekommen…

Ich finde nur nicht die richtige Command ID für meine Hue color Lampe. Was muss ich da nehmen?

Homoran

~~@Merlin123:~~

Ich finde nur nicht die richtige Command ID für meine Hue color Lampe. Was muss ich da nehmen? `
Bitte in solchen Fällen immer einen Screenshot deiner Objekte einstellen.

Erstens hat nicht jeder Helfende DEINE Installation, und zum anderen könne man wenn man unterwegs ist, anhand deines screenshots erklären.

Gruß

Rainer

Merlin123

Dachte, bei Hue lampen wäre es dann immer dies oder jenes…. :)
3325_iobroker_hue.png

Homoran

~~@Merlin123:~~

Dachte, bei Hue lampen wäre es dann immer dies oder jenes…. `
Selbst wenn, müsste man die erst einmal haben ;-)

Das ist leider der ID-Selector, nicht die Objekte.

Müsste aber hoffentlich reichen.

Ist das eine RGB(W) oder eine White-tone lampe?

Aber hier bin ich jetzt mangels Hue raus :(

Gruß

Rainer

Pman

Wenn du einen frischen Hue-Color-Picker erstellt hast klickst du rechts neben dem Feld "Command Id:" unter "Allgemein" auf den Button. Dort wählst du dann das Objekt "command" von deiner Hue Lampe aus. Der Rest sollte sich automatisch eintragen. Wenn Gamut/Model nicht automatisch erkannt wird, kannst du dort noch A, B oder C eintragen. Die meisten neuen Lampen nutzen Gamut A oder C, lediglich die GU10 nutzen noch immer B.

        Product Name                    Model ID            Color Gamut
Hue bulb A19                LCT001, LCT007                  B          
Hue bulb A19                LCT010, LCT014                  C          
Hue Spot BR30               LCT002                          B          
Hue Spot GU10               LCT003                          B          
Hue BR30 Richer Colors      LCT011                          C          
Hue LightStrips             LST001                          A          
Hue Living Colors Iris      LLC010                          A          
Hue Living Colors Bloom     LLC011, LLC012                  A          
Living Colors Gen3 Iris*    LLC006                          A          
Living Colors Gen3 Bloom, AuLLC005, LLC007, LLC014          A          
Disney Living Colors        LLC013                          A          
Color Light Module          LLM001                          B          
Hue Go                      LLC020                          C          
Hue LightStrips Plus        LST002                          C          
Hue color candle            LCT012                          C

Wuast94

~~@Pman:~~

Ich habe einen Colorpicker für Philips HUE implementiert, womit eine deutlich genauere Farbauswahl möglich sein sollte als mit dem RGB-Picker.

Bei Philips Lampen mit bekanntem Gamut werden auch nur die tatsächlich darstellbaren Farben angezeigt.

Falls mir jemand beim testen helfen will:

1. neuen Hue Adapter von hier installieren:
https://github.com/Pmant/ioBroker.hue
2. neuen vis-colorpicker von hier installieren:
https://github.com/Pmant/ioBroker.vis-colorpicker
Nicht wundern, das preview-icon im Vis-Editor sieht noch aus wie der RGB-Picker :roll: `

wie kann ich die denn Installieren ?

COMHOME

Ich bekomme von extern RGB geliefert (0-255) und würde die Daten gerne an den vis-colorpicker senden, damit die Visu passt. vis-colorpicker soll dann natürlich auch den Wert wie gehabt an die Hue-Komponente senden. Ich hätte gedacht, ich finde einen Datenpunkt unter vis, dem ist jedoch nicht so. Wie kann ich die Daten übergeben?

Edit: Also, über RGB gebe ich die Daten an den colorpicker. Wenn ich extern den Wert ändere, wird das auch in der vis im colorpicker korrekt dargestellt,

jedoch ändert sich die Farbe vom Hue-Gerät nicht. Die Farbe ändert sich nur, wenn ich den vis-colorpicker verwende.

Community Forum

NEWS

Colorpicker für Philips HUE

Support us

707

32.5k

81.7k

1.3m