Philips hue in smartvisu einbinden

[rot-weiss4]

Hi zusammen,

erstmal ein frohes Neues.

Habe folgendes Problem. (wahrscheinlich nur ich als Anfänger)

Ich habe eine hue Bridge erfolgreich ins FHEM einbinden können. Kann auch im FHEM die eine Lampe die ich habe ansteuern. Nur im frontend will mir das nicht gelingen. Ich habe vorher einen LED-Stripe mit dem Controller über Wifilight einfügen können und versuche mich gerade diesen Code-Fitzel auf die hue-Lampe zu schreiben. Geht das überhaupt? Ich muss doch auch ein GAD anlegen, damit ich die Lampe der Steuerung zuweisen kann, oder?

Hier noch der Code den ich aus einer anderen Vorlage "geklaut" habe und versuche auf die hue umzuschreiben.

Code Auswählen Erweitern

                         <h1><img class="icon" src='{{ icon0 }}scene_sleeping.png'/>Schlafzimmer</h1>
    <div class="block">
    <div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">

            <div data-role="collapsible" data-collapsed="false" >
            <h3>Licht</h3>
            {{ device.dimmer('schlafzimmer-nacht', 'Nachttisch', '0/1/1/1.001', '0/1/5/5.xxx') }}

        </div>
    </div>
    </div>


[oli82]

Hab meine HUE zwar nocht nicht eingebunden, aber dev0 hat da ein Widget zu auf GitHub veröffentlicht

[rot-weiss4]

Hi Oli,

vielen Dank für den Beitrag! Hab jetzt endlich mal Zeit zurückzuschreiben, nachdem ich jetzt verzweifelt versucht habe das einzubinden. Wahrscheinlich bin ich auch nur zu blöd?! 

Hast du deine hue mittlerweile eingebunden?

In FHEM sehe ich die readings die die Datei widget_hue.html abfragen (glaub ich zumindest), aber hab in smartvisu immer noch keine Schaltfläche zum anmachen oder so. Liegt das vlt auch daran das ich eine hue ambiance-Lampe habe und nicht diese Color-Gedöns?

Vlt hab ich die Daten auch falsch eingegeben?!

Hier mal der Code aus der Datei, die das Schlafzimmer in smartvisu angibt:

Code Auswählen Erweitern

<div class="block">
    <div class="set-1" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
        <div data-role="collapsible" data-collapsed="false" >
        <h3>Hue 1</h3>
        <table width="90%">
            <tr><td>{{ hue.extcolordimmer('HUEDevice5','Nachttisch',16,20) }}</td></tr>
        </table>
        </div>
    </div>
</div>
<div class="block">
    <div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
        <div data-role="collapsible" data-collapsed="false" >
        <h3>Hue Dimmer</h3>
        <table width="90%">
        <tr><td>{{ hue.colordimmer_small('HUEDevice5', 'Nachttisch','WZ_LI_HUE1',1,32,'') }}</td></tr>
        </table>
        </div>
    </div>
</div>

Und hier aus der widget_hue.html: (Ist das richtig das der aus der basic.html was importieren will? Ich hab nämlich keine basic.html??)

Code Auswählen Erweitern

        {% import "basic.html" as basic %}
        <div class="hue-extcolordimmer">
                <table width="100%" align="center">
                        <tr>
                                <td width="20%">
                                        {{basic.dual(id~'HUEDevice5sw', gad_name~'HUEDevice5.sw')}}
                                </td>
                                <td width="20%">
                                {{ basic.colordisc(id~'HUEDevice5rgb', gad_name~'HUEDevice5.rgb_r', gad_name~'HUEDevice5.rgb_g', gad_name~'HUEDevice5.rgb_b', 0, 255, 5, 10) }}
                                </td>
                                <td width="20%">
                                        {{basic.dual(id~'HUEDevice5effect', gad_name~'HUEDevice5.effect', icon1~'audio_repeat.png', icon0~'audio_repeat.png', 'colorloop', 'none')}}
                                </td>
                                <td width="20%">
                                        {{basic.dual(id~'HUEDevice5alert', gad_name~'HUEDevice5.alert', icon1~'message_attention.png', icon0~'message_attention.png', 'lselect', 'none')}}
                                </td>
                                <td width="20%">
                                        {{basic.symbol(id~'HUEDevice5reachable-1', gad_name~'HUEDevice5.reachable','',icon1~'it_wifi.png','1')}}
                                        {{basic.symbol(id~'HUEDevice5reachable-0', gad_name~'HUEDevice5.reachable','',icon0~'it_wifi.png','0')}}
                                </td>
                        </tr>
                </table>
                <table width="100%" align="center">
                        <tr>
                                <td width="15%" align="left">
                                        Helligkeit
                                </td>
                                <td width="85%" vertical-align="top">
                                        {{basic.slider(id~'HUEDevice5pct', gad_name~'HUEDevice5.pct',0,100,step)}}
                                </td>
                        </tr>
                        <tr>
                                <td width="15%" align="left">
                                        Temperatur
                                </td>
                                <td width="85%">
                                        {{ basic.slider(id~'HUEDevice5ct', gad_name~'HUEDeivce5.ct',154,500,step) }}
                                </td>
                        </tr>
                        <tr>
                                <td width="15%" align="left">
                                        Sättigung
                                </td>
                                <td width="85%">
                                        {{ basic.slider(id~'HUEDevice5sat', gad_name~'HUEDeive5.sat',0,254,step) }}
                                </td>
                        </tr>
                        <tr>
                                <td width="15%" align="left">
                                        Farbe
                                </td>
                                <td width="85%">
                                        {{ basic.slider(id~'HUEDevice5hue', gad_name~'HUEDevice5.hue',0,65535,500) }}
                                </td>
                        </tr>
                </table>
        </div>




Vielen Dank nochmal für deine Hilfe!


P.S.:
Hab noch einen Screenshot des Device angehangen! Der Name Nachtlicht habe ich in der hue-App auf den Namen geändert.

[dev0]

Die Widget Installation habe ich im Readme und im Wiki auf Github beschrieben, bitte lesen.
Die Datei widget_hue.html mußt bzw. solltest Du du nicht anpassen, kopiere Dir die Dateien neu.

[rot-weiss4]

Hi,

nur nochmal kurzes Feedback. Mittlerweile funktioniert alles wunderbar. Hatte die GADs nicht richtig angepasst. Dachte das wäre schon über die widgets_converter-Datei getan...

Vielen Dank! #thumbsup

[flolee]

hallo rot-weiss4, ich hab ziemlich ein ähnliches problem... ich habe die readme anleitung befolgt, aber die box bleibt einfach leer und die entsprechende GADs scheinen auch nicht auf. wie konntest du es genau lösen? wo hast du die widget_hue.html genau hinkopiert? danke, lg, flo

[dev0]

Die hue_widget.* Dateien müssen in Deinen Pages Ordner kopiert werden. zB. /var/www/smartvisu/pages/<deinOrdner>
Siehe auch: https://github.com/ddtlabs/smartvisu-widgets/wiki/HowTo-Install-Widgets

[flolee]

danke dir!
scheint wohl was mit windows gewesen zu sein (die widget datei wurde auch in htm statt html umbenannt), hab jetzt alles über die cmd neu heruntergeladen und jetzt klappts.