Kamerabild bei Event in einem Popup Fenster öffnen

[jonny7792]

Hallo zusammen,


ist es mit smartVISU möglich das Kamerabild bei einem Event ( Gong per GA 1 ) zu öffnen?
Wenn ja wie setzt man das per html um ?


Danke und schönen Abend

[Maxthomas2001]

Hallo,
ich frage den Klingeltaster an der Haustüre mit einem Binäreingang ab. Bei Betätigung wird bei der entsprechenden Gruppenadresse eine "1" gesendet.
Hier das item dazu:

Glocke:
            type: bool
            visu_acl: ro
            knx_dpt: 1
            knx_cache: 12/0/19
            enforce_updates: True
            cache: 'true'
            autotimer: 5m = 0

In der menu.html habe ich dann folgenden Code eingebunden:

    {{ status.collapse('Kamera_Eingang', 'OG.Zentralfunktionen.Glocke') }}
        <div class="hide" data-bind="Kamera_Eingang">
            <img class="ui-corner-bottom" id="mjpgImage" alt="Video folgt ..." src="http://192.168.1.21/axis-cgi/mjpg/video.cgi" width="432" height="auto">

Also solange das Item Glocke den Wert True besitzt, bleibt das Popup geöffnet. Über den Autotimer wird es nach 5 Minuten wieder auf false gesetzt. Dann schließt sich auch das Popup wieder.

Funktioniert hervorragend.
Momentan arbeite ich an einer Logik, die eine E-Mail Benachrichtigung versendet, wenn die Glocke nicht beantwortet wird.

[jonny7792]

Hallo und danke dir !


bei mir ist der BE so parametriert dass ich nur ein EIN sende solange ich auf dem Taster bleibe.
Sprich wie ein "normaler" taster funktioniert da ebenfalls noch die Sonos als Gong dienen.

[Maxthomas2001]

Ja ist bei mir genauso. Der BE sendet eine 1 bei der steigenden Flanke. Bei fallender Flanke passiert nichts.

[jonny7792]

Gut, danke ich werde das mal dementsprechend so einbinden ( Hast du es in der index.html definiert?)

[Maxthomas2001]

Nein. in der menu.html.
Dann erscheint das Popup, egal auf welcher Raumseite du dich gerade befindest.
Kleiner Tipp: Der von mir gepostete Code muss der letzte Punkt in der menu.html sein. Sonst ist die Formatierung nicht schön, wenn das Popup erscheint. Aber einfach mal ausprobieren.

[jonny7792]

Das hatte ich probiert jedoch ist die Formatierung dann sehr unschön

/**
 * -----------------------------------------------------------------------------
 * @package     smartVISU
 * @author      Martin Gleiß
 * @copyright   2012 - 2015
 * @license     GPL <http://www.gnu.de>
 * ----------------------------------------------------------------------------- 
 */
 

<div id="menu" class="menu">

    <a id="menu-rooms" data-ajax="false" href="index.php">
        <img class="icon {% if page == 'index' %}icon1{% else %}icon0{% endif %} }}" src="{{ icon0 }}control_on_off.svg"/></a>
    <a id="menu-system" data-ajax="false" href="index.php?page=config">
        <img class="icon {% if page == 'config' %}icon1{% else %}icon0{% endif %} }}" src="{{ icon0 }}message_service.svg"/></a>
    <a id="menu-system" data-ajax="false" href="index.php?page=heizung">
        <img class="icon {% if page == 'config' %}icon1{% else %}icon0{% endif %} }}" src="{{ icon0 }}sani_buffer_temp_all.svg"/></a> 
    <a id="menu-system" data-ajax="false" href="index.php?page=stats.strommessung">
        <img class="icon {% if page == 'config' %}icon1{% else %}icon0{% endif %} }}" src="{{ icon0 }}measure_power.svg"/></a> 

      

</div>
    
     {{ status.collapse('Kamera_Eingang', 'EG.Gang.Gong') }}
        <div class="hide" data-bind="Kamera_Eingang">
            <img class="ui-corner-bottom" id="mjpgImage" alt="Video folgt ..." src="http://192.168.178.22/video1.mjpg" width="640" height="auto">

[Maxthomas2001]

Schreib mal den Code vor das </div>

[jonny7792]

Das passt sowiet jedoch sehe ich nur die Anzeige Video folgt aber sonst nichts... ich glaube meine Kamera ist einfach "Scheisse"

[Maxthomas2001]

Oh und ich sehe gerade, zum Abschluss von diesem Code fehlt auch noch ein </div>

 {{ status.collapse('Kamera_Eingang', 'OG.Zentralfunktionen.Glocke') }}
        <div class="hide" data-bind="Kamera_Eingang">
            <img class="ui-corner-bottom" id="mjpgImage" alt="Video folgt ..." src="http://192.168.1.21/axis-cgi/mjpg/video.cgi" width="432" height="auto">
        </div>

[jonny7792]

Ja das habe ich heraus gefunden. ich muss mal schauen ob meine Kamera auch anonym bilder zur verfügung stellen kann..


Welche Kamera hast du?

[Maxthomas2001]

Also das kommt jetzt natürlich darauf an, was deine kamera für ein Bild liefert.
Meine liefert einen MJPEG stream. Das sind quasi viele JPG Bilder hintereinander. Ich habe mich dafür entschieden, weil das leicht im Browser darstellbar ist. Und man kann auch leicht ein einzelnes Bild rauspicken für einen Schnappschuss, den man dann als E-Mail Anhang verschickt.
Also mal recherechieren, vielleicht kann deine Kamera das auch.

[jonny7792]

meine Kamera kann das : http://192.168.178.22/video1.mjpg

jedoch benötigt sie ein User sowie Passwort für den Stream.

[Maxthomas2001]

Ich verwende Kameras von AXIS.
https://www.axis.com/de-de

Die Qualität der Kameras ist top. Das Betriebssystem leider nicht so. Sie laufen mit einem Linux-Betriebssystem. Da bin ich immer noch dabei, eine Version zu finden, die schnell läuft. Bei manchen Versionen dauert der Zugriff über die html-Bedienoberfläche ewig.

[Maxthomas2001]

Das sollte kein Problem sein. Musst du mal googeln, wie man das in den html-Code einträgt. Aber habe ich schon gesehen.