Kamera Einbindung Smartvisu

[Siplex]

Hallo zusammen,

hat von euch schonmal jemand Erfahrung mit den sogenannten China-Cams gemacht und wenn ja kann jemand eine Empfehlung für das ein oder andere Modell geben?


Gruß
Siplex

[hilknx]

Hallo,

ich habe heute meine Camera angebunden.
Das ist mein Camera.html code.

{% extends "apps.html" %}
{% import "multimedia.html" as multimedia %}

{% block content %}
    <h3>Kameras</h3>
       <div class="block">
           <div class="ui-bar-c ui-li-divider ui-corner-top">Eingang</div>
               <div class="image">
{{ multimedia.image('image1', 'http://192.168.178.233/Streaming/channels/1/picture?snapchannels/1/picture?snapShotImageType=JPEG', 'corner','2s') }}
               </div>
        </div>
{% endblock %}

Gruß
Henry

[Siplex]

Super Sache,

danke hierfür schonmal.
Jetzt wäre meine noch die Frage nach welcher Kamera du benutzt hast? Es gibt so unendlich viel Auswahl und über Empfehlungen dankbar

[hilknx]

Hallo Siplex,

ich habe die HikVision DS-2CD2032-I.
Mit dem Multimedia-Widget multimedia.image kannst du den Reload steuern. In meinem Beispiel 2 Sekunden "2s".
Hier noch die Ausgabe von meiner Kamera.

Gruß
Henry

[Bonze]

versuche auch eine Umgeflashte Trendnet IP310PI zu integrieren, dein Zugriffs-Link funktioniert bei mir, jedoch klappts mit der integration in Smartvisu noch nicht,
hast du was spezielles bei der Kamera eingestellt? wollte eigentlich einen separaten User machen und die Anmeldekennung im Link als userasswort @ip.. mit übergeben, das macht er aber nicht
beim aufrufen der Seite der Smartvisu fragt er nach einem Usernamen und Passwort, zeigt aber trotzdem kein Bild an ..

[psilo]

Bonze meine trendnet ist mit

<img class="ui-corner-bottom" id="mjpgImage" alt="Processing..." src="http://<user>:<password>@<ip>/video/mjpg.cgi?profileid=1">

drin, m.E. einfacher und du hast gleich den videostream..

zudem habe ich sogar noch das drehen der cam nachprogrammiert. aber dazu brauchst du nen php webservice layer den ich geschrieben habe.
PS: der bezeichner des DIVs ist falsch, das ding steht in der Garage
dfgg.PNG

[Bonze]

Hab gesehen, fuer meine cam gibts auch eine node.js lib https://github.com/nayrnet/node-hikvision-api?files=1, damit waere das auch moeglich.. nur wie kann man das einbinden ?

[rok123]

Ich habe 2 Kameras eingebunden und sehe kurz die richtigen Bilder, beim nachladen wird aber in beiden Fenstern das gleiche Bild angezeigt.

{% block content %}

    <h1><img class="icon" src='{{ icon0 }}it_camera.svg' />Kamera</h1>      

     <div class="block">
           <div class="ui-bar-c ui-li-divider ui-corner-top">Terrasse</div>
               <div class="image">
                {{ multimedia.image('image1', 'http://xxx:yyy@10.0.0.xx/Streaming/channels/1/picture?snapchannels/1/picture?snapShotImageType=JPEG', 'corner','2s') }}
                   </div> </div>

                    <div class="block">
           <div class="ui-bar-c ui-li-divider ui-corner-top">Haus Ost</div>
               <div class="image">
                {{ multimedia.image('image21', 'http://xxx:yyy@10.0.0.yy/Streaming/channels/1/picture?snapchannels/1/picture?snapShotImageType=JPEG', 'corner','2s') }}
                   </div> </div>
{% endblock %}

[smai]

Das war ein Fehler, den ich nach dem Release im master-Branch behoben habe.

Entweder du machst ein Update auf den aktuellen master.
Oder du ersetzt einfach deine widgets/multimedia.html durch diese hier: multimedia.html

[rok123]

danke, jetzt funktioniert alles

[schlaubi666]

Ich verwende Chrome 63.0.3239.132, da werden meine webcams die http:://userassword@url sind nicht mehr angezeigt!

wenn ich das Entwicklertool auf der Seite starte sehe ich als Fehler

[Deprecation] Subresource requests whose URLs contain embedded credentials (e.g. `https://userass@host/`) are blocked. See https://www.chromestatus.com/feature/5669008342777856 for more details.


kann man das irgendwie abschalten, umgehen ?

[jonny7792]

Guten Morgen zusammen ,

ich würde gerne ebenfalls meine IP Kamera - D-Link DCS-4602 EV in meine Visu Einbinden


Die Kamera gibt einen Stream im MJPG Format aus.

Eingebunden soll die Kamera direkt in der Übersichtsseite der Visu -Sprich in der index.html jedoch erhalte ich kein Bild.
Rufe ich den Stream direkt im Browser ab läuft es so wie es soll.


Anbei noch die Auszüge bzw Screenshots.



index.html

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


{% extends "base.html" %}

{% block sidebar %}

    {% import "lib.html" as lib %}
    {{ lib.updatecheck() }}

    {% import "clock.html" as clock %}
    {{ clock.digiclock('clock') }}


    <h1><img class="icon" src='{{ icon0 }}it_camera.svg' />Kamera</h1>      

     <div class="block">
           <div class="ui-bar-c ui-li-divider ui-corner-top">Terrasse</div>
                <IFRAME src="http://192.168.178.56/video1.mjpg" align="center" 
                   </div> </div>

{% endblock %}


{% block content %}

    {% include 'rooms_menu.html' %}

{% endblock %}

index-screen.png

[psilo]

iframes sind böse. abgesehen davon, dass du den iframe tag nicht schliesst - dafuer aber ein div zu viel... .

setz den stream in ein img tag, wie in post 6 erklaert. vielleicht braucht die url auch eine basic auth vorne angehaengt. das sieht man ebenfalls in meinem beispiel. das forbidden könnte daher kommen oder daher, dass der browser aus sicherheitsgruenden iframes auf andere ips verbietet. wie gesagt, iframes sind boese

[jonny7792]

Das Läuft schonmal besser jedoch benötigt die Visu sehr lange um das Kamera Bild anzuzeigen

[psilo]

jonny was ist "sehr lange"? auch im LAN? via handynetz bzw. VPN ist klar, weil ein videostream aufgebaut wird.. hängt sicher auch vom endgerät ab.

kann dir keinen vergleichswert liefern, da meine derzeit via dyndns url eingebunden ist und über den nginx als reverseproxy läuft. das kostet per se schonmal etwas zeit mehr. bis zu 10 sekunden sollten aber auch im LAN normal sein. ansonsten zeig halt nur ein statisches bild an, dafür sollte es auch eine url geben