Colorpicker für Philips HUE
-
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.hue2. neuen vis-colorpicker von hier installieren:
https://github.com/Pmant/ioBroker.vis-colorpickerNicht wundern, das preview-icon im Vis-Editor sieht noch aus wie der RGB-Picker :roll:
-
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 -
Brauchen wir eine Commercial Developer License? Ich habe es so verstanden, dass es ansonsten unter "GNU GENERAL PUBLIC LICENSE Version 3" läuft.
-
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.
-
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?
-
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
-
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!!
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!
-
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.
-
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
-
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.
-
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.
-
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
-
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. -
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?
-
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
-
Dachte, bei Hue lampen wäre es dann immer dies oder jenes….
3325_iobroker_hue.png -
Dachte, bei Hue lampen wäre es dann immer dies oder jenes…. `
Selbst wenn, müsste man die erst einmal habenDas 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
-
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 -
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.hue2. neuen vis-colorpicker von hier installieren:
https://github.com/Pmant/ioBroker.vis-colorpickerNicht wundern, das preview-icon im Vis-Editor sieht noch aus wie der RGB-Picker :roll: `
wie kann ich die denn Installieren ?
-
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.
