tablet-ui popup/dialog Kamerabild anzeigen

[dieoma]

Hallo zusammen,

ich brauche etwas Starthilfe von euch Experten. Ich hätte gern in meiner bestehenden Tablet-UI einen reinen Knopf der bei Aktivierung ein popup/dialog mit dem Kamerabild einer webcam anzeigt. Könnte nach x sek. wieder verschwinden, super wäre es auch mit einem "schließen" Knopf oder beides. Das Kamerabild meiner InStar kann ich in der normalen FHEM GUI schon anzeigen lassen, nur in der Tablet-UI weiß ich nicht wie ich starten soll und in dem Wiki fehlt prompt ein Beispiel zum popup
Ich habe schon http://forum.fhem.de/index.php?topic=45809.0 im Forum gefunden, jedoch möchte ich ja nicht auf ein FHEM Ereignis reagieren sondern nur einen "dummen" Knopf der den dialog/popup öffnet und irgendwie stehe ich grad am Schlauch...Besten Dank vorab - schätze es ist wie üblich simpel.... 

[dieoma]

ich antworte mir mal selbst damit ich und andere es später wiederfinden

Code Auswählen Erweitern

<div data-type="popup" data-height="480px" data-width="640px">
              <div data-type="button"
                   data-get="STATE"
                   data-icon="fa-video-camera"
                   data-get-on="on"
                   class="big">
              </div>
              <div class="dialog">
                 <header>LIVEKAMERA</header>
                    <div data-type="image"                     
                      data-url="http://USR:PWD@xxx.xxx.xxx.xxx/videostream.cgi"
                      data-size="100%">
                    </div>
              </div>
           </div>
Das Problem ist aber noch das sich der Dialog nicht mit dem "X" schließen lässt - der geht sofort wieder auf. Klicke ich hingegen in den Hintergrund schließt er problemlos ?!?
Außerdem ist das Popup am Laptop schön mittig, am Tablet aber wesentlich weiter rechts unten sodas man nur ein drittel des Popup sieht. Kann man für das popup eine Position bestimmen?

[l2r]

hi,

welchen Browser nutzt du auf dem Tablet? WebViewControl?

Wird bei dir der Livestream angezeigt?

Bei mir am Rechner kann ich den Livestream problemlos einbinden (z.B. Firefox). Mit WebViewControl auf dem Tablet läufts leider nicht.

Gruß

[dieoma]

Da ich ein iPad an die Wand genagelt habe kommt WebViewControl bei mir nicht zum Zug - ich nutze Safari und den "Atomic" webbrowser auf dem Pad - beide zeigen den LiveView problemlos an, nur schließen kann ich ihn halt nicht über dafür vorgesehenen Knopf

[AET_FHEM]

Hey bei mir Samsung Galaxy Tab 2 10" mit SlimKit
und WebViewControl, bei mir läuft der live stream!!

[bmwfan]

Hallo AET_FHEM,

ich bekomme den Livestream meiner Mobotix S15 in WebViewControl auf einem Tablet (Android 4.4.4) nicht zum laufen. Im Firefox auf dem Tablet wird er problemlos angezeigt, im WebviewControl nur ein kleines Icon.
Welche Einstellungen hast Du genommen?
Kann es sein, dass es etwas mit dem User und Passwort zu tun hat? In Firefox mußte ich es, trotz dass es im Aufruf angegeben ist, einmal eingeben. In WebViewControl wird gar nicht danach gefragt.
Meine Konfiguration sieht so aus:

Code Auswählen Erweitern

<li class="halbTransparent" data-row="2" data-col="2" data-sizex="8" data-sizey="5">
<header class="headerTransparent">LIVEKAMERA HOF</header>
<div class="container">
<div class="center">
<div data-type="label" class="cell">
<img src="http://192.168.XXX.XXX/cgi-bin/image.jpg?user=XXX&pwd=XXX&camera=right&size=320x240&quality=60">
</img>
</div>
</div>
    </div>
</li>

Gruß Jürgen

[bmwfan]

Bin wieder dazugekommen und habe es gelöst. Für alle Anwender einer Mobotix vielleicht hilfreich:

Code Auswählen Erweitern

<li class="halbTransparent" data-row="2" data-col="2" data-sizex="5" data-sizey="5"> <!--928+655-->
<header class="headerTransparent center">LIVEKAMERA PARKPLATZ</header>
<div class="container">
<div class="center">
<div data-type="label" class="cell">
<img src="http://anmeldename:passwort@IP-Adresse/cgi-bin/image.jpg?camera=left&size=480x480&quality=90&stream=MxPEG"></img src>
</div>
</div>
    </div>
</li>
<li class="halbTransparent" data-row="2" data-col="7" data-sizex="5" data-sizey="5">
<header class="headerTransparent center">LIVEKAMERA EINGANG</header>
<div class="container">
<div class="center">
<div data-type="label" class="cell">
<img src="http://anmeldename:passwort@IP-Adresse/cgi-bin/image.jpg?camera=right&size=480x480&quality=90&stream=MxPEG"></img src>
</div>
</div>
    </div>
</li>

Parametr stream=MxPEG kann auch weggelassen werden. Funktioniert trotzdem.
Abrufen des Bildes mit .../cgi-bin/faststream.jpg..., wie von Mobotix favorisiert, geht bei mir nicht. Dann sehe ich immer beide Bilder der Kamera in einem Bild, egal ob rechte oder linke Kamera ausgewählt wurde und die Positionsrahmen für die Bewegungserkennung sind sichtbar.

Habe lediglich noch das Problem, dass das Bild am unteren Rand des Containers angezeigt wird und ich es nicht schaffe, das oben zu plazieren. Vielleicht hat jemand eine Idee.

Gruß Jürgen