Neuer Fork SmartVisuTNG - es geht weiter

[smai]

Meine Implementierung hat eigentlich kaum Gemeinsamkeiten mit dem Patch aus dem Forum.
Und ich habe eine Behauptung lieber als Issue, den ich kommentieren und closen kann anstatt als getrolle im Forum, welches die smartVISU schlecht dastehen lässt.

So, und nun beruhigen wir uns, stossen an und sind wieder nett zusammen.

[psilo]

So Korrektur: aktuell sehe ich es nicht, ich hatte die Probleme früher aber auch meist im Mobilnetz. Vielleicht bricht hier die Verbindung aus irgendwelchen Gründen in der Tat wirklich weg und er reconnected zurecht. Meist hatte ich dabei einen weißen Bildschirm. Ich beobachte das mal in schlechteren Netzen und versuche zu analysieren, wenn ich es nicht mehr bemerke, werde ich mich jeglicher bösartiger betrügerischer und unfairer Beleidigung der SV enthalten ;-P

PS: nicht jeden Kommentar ernst nehmen bitte.
PS2: ich vermute ich bin sowieso einer der wenigen, die überhaupt einen Video-Livestream eingebettet haben..

[pimpi]

psilo mich würde dein Code der Einbettung interessieren... habe Hikvision Cameras arbeite derzeit aber mit "Screenshot" welche sich alle 60 Sekunden aktualisieren ...

[smai]

psilo der Videostream könnte natürlich gerade bei mobiler Anwendung durch die belegte Bandbreite dazu führen, dass der Websocket ein Timeout erhält.
Dies wäre eine Erklärung, weshalb es auf dieser Page passiert.

[psilo]

smai ja so die These.. Bin im Homeoffice, hier ist das mobile Internet wohl auch zu stabil. Teste morgen mal in der Kantine (da sind die Probleme am ärgsten ). Beheben kann mans dann so oder so nicht, außer, dass man den Reload für manche Seiten rausnehmen kann..

[psilo]

pimpi
Die Kamera (Trendnet TV-IP662WI Wireless) bietet nen mjpg Stream und ist drehbar. Drunter habe ich noch Buttons nachgebaut, die via JS eine Webservice-Schnittstelle auf meinem Server ansprechen, die dann den CGIs der Kamera die Bewegungen mitteilt. Für Dich sollte der img Tag reichen. Die Lösung ist noch relativ unsauber, aber sie geht .

<div class="image">    
  <img class="ui-corner-bottom" id="mjpgImage" alt="Processing..." src="http://user:password@192.168.178.40/video/mjpg.cgi?profileid=1">
  <span class="ui-corner-all ui-controlgroup ui-controlgroup-horizontal" data-type="horizontal" data-role="controlgroup">
    <div class="ui-controlgroup-controls">
    <a id="left" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-inline="true" data-role="button" data-widget="basic.button" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-iconpos="center">
        <span class="ui-btn-inner"><span class="ui-btn-text">
        <img class="icon" src="/smartVISU/icons/ws/control_arrow_left.svg"/>
        </span></span>
    </a>
    <a id="right" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-inline="true" data-role="button" data-widget="basic.button" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-iconpos="center">
        <span class="ui-btn-inner"><span class="ui-btn-text">
        <img class="icon" src="/smartVISU/icons/ws/control_arrow_right.svg"/>
        </span></span>
    </a>
    <a id="up" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-inline="true" data-role="button" data-widget="basic.button" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-iconpos="center">
        <span class="ui-btn-inner"><span class="ui-btn-text">
        <img class="icon" src="/smartVISU/icons/ws/control_arrow_up.svg"/>
        </span></span>
    </a>
    <a id="down" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-inline="true" data-role="button" data-widget="basic.button" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-iconpos="center">
        <span class="ui-btn-inner"><span class="ui-btn-text">
        <img class="icon" src="/smartVISU/icons/ws/control_arrow_down.svg"/>
        </span></span>
    </a>
    <a id="userpatrol" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-inline="true" data-role="button" data-widget="basic.button" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-iconpos="center">
        <span class="ui-btn-inner"><span class="ui-btn-text">
        <img class="icon" src="/smartVISU/icons/ws/control_reboot.svg"/>
        </span></span>
    </a>
    </div>
   </span>
</div>
        
 <script language="JavaScript" type="text/javascript">
$(document).ready(function() {
    $("#left").click(function(event){            
        $.ajax( {
          url:'http://192.168.178.100/WebServices/Camera/moveLeft',
          success:function(data) {
            
          }
       });            
    });

    $("#right").click(function(event){            
        $.ajax( {
          url:'http://192.168.178.100/WebServices/Camera/moveRight',
          success:function(data) {
            
          }
       });
   });
  
   $("#up").click(function(event){            
        $.ajax( {
          url:'http://192.168.178.100/WebServices/Camera/moveUp',
          success:function(data) {
            
          }
       });
   });
  
   $("#down").click(function(event){            
        $.ajax( {
          url:'http://192.168.178.100/WebServices/Camera/moveDown',
          success:function(data) {
          }
       });
   });
  
   $("#userpatrol").click(function(event){            
        $.ajax( {
          url:'http://192.168.178.100/WebServices/Camera/userPatrol',
          success:function(data) {
          }
       });
   });
  
 });
</script>

[smai]

Ich war mir eh unsicher, ob ein Page Reload überhaupt notwendig ist oder ob einfach der Treiber neu initialisiert werden könnte.
Dann würde der User du vom Reconnect gar nix mitkriegen.
Habe mich aber nicht getraut, das zu ändern.

Für den nächsten Release schau ich das nochmal an, da haben wir auch genug Zeit zum Testen.

[psilo]

smai passt schon, wenn es an der stelle wirklich zum reload kommt tut das jetzt auch nicht so weh. der stream saugt mir sowieso mein 1 gb volumen ratzfatz weg, weshalb ich ihn nur selten nutze

[smai]

ramann
Da ich mich endlich an die jQM-Migration der smartVISU machen wollte, habe ich nochmal deine Posts vom 29.08. und 30.08. rausgesucht.
Die angehängten Dateien sind aber nicht mehr da, könntest du mir diese nochmals zur Verfügung stellen?

Leider konnte ich dir keine PN schicken, deshalb versuche ich hier dich zu erreichen.

Danke und Gruss
Stefan

[ramann]

Hallo Stefan,

sorrry, habs jetzt erst gesehen, da ich hier schon länger nicht mehr unterwegs war.
Welche Dateien brauchtst du? Nur die Designs?

Gruß
r

[smai]

Die Designs sowie die base.css wären hilfreich. Ausserdem hast du damal die icons_ws.css und icons_sw.css erwähnt.
An den anderen Dateien habe ich unterdessen eh zu viel geändert.

Danke und Gruss
Stefan

[ramann]

Hab die Designs und base.css angehängt. Die sind sicher noch verbesserungswürdig.
Da sich in jqm 1.4.5 bei den Buttons einiges getan hat - für eigene Icons gibts ja diese :after-Methode - hab ich für mich mal die icons_ws.css und icons_sw.css Dateien erstellt. Die enthalten die Verweise auf die entsprechenden Icons in den Ordnern "sw" und "ws".
Da esmit den Änderungen auch schwierig ist die Farbe der jqm-Icons für die Buttons zu ändern, habe ich jquery.mobile.icons.min.css entsprechend angepasst, damit ich für die Designs zumindest weiße und schwarze Icons habe. Das mit den Button-Icons lässt sich sicher auch eleganter lösen, wenn man die nötige Zeit reinsteckt.

Ich habe auch mal meine basic.html mit angehängt, die stammt aus der neuen SV-Version (nur angepasst!).
Ich weiß nicht, ob du eine eigene "jquery.mobile.slider.js" hast? Deshalb hänge ich meine noch mal mit an.
Neben der Anpassung an jqm 1.4.5 habe ich die Anzeige der Werte auf dem Handle eingebaut und die Optik des Semisliders angepasst (die unschönen Lücken beim Ziehen!).

Gruß
r