Mp4 Video abspielen in FTUI

[Tommy82]

Hallo,
ich bekomme von meiner Kamera eine Mp4 Datei in meiner Fhem installation gespeichert, diese würde ich gerne auf der FTUI anzeigen, dazu habe ich folgendes in die FTUI geschrieben:

Code Auswählen Erweitern

<div data-type="image"
data-device="Kameras"
data-get="videoFilename"
data-path="http://192.168.188.47:8085/fhem/www/tablet/BlinkCamera/Kameras/thumbnail/camera/"
data-height="400px"
data-width="400px"></div>[code]

Allerdings wird mir in der FTUI nur ein kleines Icon angezeigt, wenn ich das Icon mit rechts anklicke und "in neuem Tab öffnen"wähle, dann wird das Video korrekt abgespielt nur nicht in der FTUI, wieso ist das so?

Danke


[sinus61]

Ich würde sagen das www/ gehört da nicht in den Pfad.

[Tommy82]

Wieso? Der gesamte Pfad ist

Code Auswählen Erweitern

/opt/fhem/www/tablet/BlinkCamera/Kameras/thumbnail/camera und wie gesagt in einem extra Tab funktioniert der Link ja auch, nur nicht in der FTUI

Hab es aber auch jetzt mal ohne das www versucht, das ergebnis ist genau das gleiche wie zuvor

Wenn ich den komletten Link

Code Auswählen Erweitern

http://192.168.188.47:8085/fhem/tablet/BlinkCamera/Kameras/thumbnail/camera/BlinkCamera_Kameras_video_103450392.mp4 im Browser eingebe wird das video abgespielt, nicht aber wenn ich den Link direkt in der FTUI eingebe

Code Auswählen Erweitern

<li data-row="4" data-col="4" data-sizex="3" data-sizey="3">
        <header class="headerTransparent">Kamera</header>
      <div data-type="image"
data-device="Kameras"
data-url="http://192.168.188.47:8085/fhem/tablet/BlinkCamera/Kameras/thumbnail/camera/BlinkCamera_Kameras_video_103450392.mp4"
data-size="10%"
class="nocache"></div>

</li>

[sinus61]

Wieso? Der gesamte Pfad ist

Code Auswählen Erweitern

/opt/fhem/www/tablet/BlinkCamera/Kameras/thumbnail/camera und wie gesagt in einem extra Tab funktioniert der Link ja auch, nur nicht in der FTUI

Hab es aber auch jetzt mal ohne das www versucht, das ergebnis ist genau das gleiche wie zuvor

In den http Pfad gehört das www halt nicht rein. Hast Du kein HTTPSRV für FTUI angelegt? Ansonsten versuch es mal so:

Code Auswählen Erweitern


data-url="http://192.168.188.47:8085/fhem/ftui/BlinkCamera/Kameras/thumbnail/camera/BlinkCamera_Kameras_video_103450392.mp4"


[Tommy82]

Also mit deinem Link klappt es auch nicht, das gleiche ergebnis wie bei meinem, in einem eigenständigen Tab funktioniert der link, aber nicht in der FTUI.

HTTPSRV hab ich bis heute nicht definiert und auch noch nie benötigt!?
Hab das jetzt mal so definiert

Code Auswählen Erweitern

Internals:
   CFGFN     
   DEF        BlinkVideos /tablet/BlinkCamera/Kameras/thumbnail/camera/ BlinkVideos
   NAME       KameraVideos
   NR         740
   STATE      KameraVideos
   TYPE       HTTPSRV
   fhem:
     directory  /tablet/BlinkCamera/Kameras/thumbnail/camera/
     friendlyname BlinkVideos
     infix      BlinkVideos
Attributes:
   group      Kamera
   room       Zentral

Aber auch damit wird nichts angezeigt

[Paul]

und so:

Code Auswählen Erweitern

<li data-row="4" data-col="4" data-sizex="3" data-sizey="3">
        <header class="headerTransparent">Kamera</header>
      <div>
<img src="http://192.168.188.47:8085/fhem/tablet/BlinkCamera/Kameras/thumbnail/camera/BlinkCamera_Kameras_video_103450392.mp4"  width="500" height="800" class="nocache">
data-size="10%"</div>

</li>
wahrscheinlich noch height und width anpassen.

[Tommy82]

War das

Code Auswählen Erweitern

data-size="10%" absicht? ist doch da falsch oder?

Aber egal ob mit oder ohne, das Verhalten bleibt gleich.

[Paul]

Nee, vergessen zu löschen

[Tommy82]

Ok, hatte ich mir gedacht, aber wie gesagt macht auch keinen Unterschied.

EDIT

Hab jetzt nochmal was anderes versucht, das das Video aus einem Reading angezeigt werden soll, dafür sieht die Definition so aus:

Code Auswählen Erweitern

  <!-- ============== Kamera Live ================ -->
<!-- =======================================  -->
<li data-row="4" data-col="4" data-sizex="3" data-sizey="3">
        <header class="headerTransparent">Kamera</header>
      <div data-type="image"
data-device="Kameras"
data-get="videoFilename"
data-path="/www/tablet/BlinkCamera/Kameras/thumbnail/camera"
data-size="80px"
class="nocache"></div>

Das ergebnis in der FTUI ist das gleiche, allerdings ein anderes wenn ich die rechte Maustaste und "Öffnen in neuem Tab" auswähle, denn dann wird nicht wie vorher das Video angezeigt, sondern es erscheint die Fhem Startseite......

[Paul]

Code Auswählen Erweitern

<li data-row="4" data-col="4" data-sizex="3" data-sizey="3">
        <header class="headerTransparent">Kamera</header>
      <div>
<video src="http://192.168.188.47:8085/fhem/tablet/BlinkCamera/Kameras/thumbnail/camera/BlinkCamera_Kameras_video_103450392.mp4"  width="500" height="800" class="nocache"> </video>
</div>

</li>

oder du schaust selber https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/video

[Tommy82]

Ich bin begeistert, damit wird das Video tatsächlich angezeigt, das Problem ist jetzt nur das es immer neue Videos gibt, und der Link bzw. der Dateiname immer anders ist, daher auch mein Versuch mit

Code Auswählen Erweitern

  <!-- ============== Kamera Live ================ -->
<!-- =======================================  -->
<li data-row="4" data-col="4" data-sizex="3" data-sizey="3">
        <header class="headerTransparent">Kamera</header>
      <div data-type="image"
data-device="Kameras"
data-get="videoFilename"
data-path="/www/tablet/BlinkCamera/Kameras/thumbnail/camera"
data-size="80px"
class="nocache"></div>

Wie könnte ich das anstellen?

EDIT
Wenn ich den Code in der FTUI nehme wird ja nichts angezeigt, ich hab mir dann mal den HTML Code im Browser angesehen, der sieht dann so aus:

Code Auswählen Erweitern

<img alt="img" src="http://192.168.188.47:8085/fhem/tablet/BlinkCamera/Kameras/thumbnail/camera/BlinkCamera_Kameras_video_104874385.mp4" style="opacity: 0.8; height: auto; width: 100%; max-width: 80px;">

Wenn ich den Code dann so abändere:

Code Auswählen Erweitern

<video alt="img" src="http://192.168.188.47:8085/fhem/tablet/BlinkCamera/Kameras/thumbnail/camera/BlinkCamera_Kameras_video_104874385.mp4" style="opacity: 0.8; height: auto; width: 100%; max-width: 80px;" controls=""></video>
Dann wird das Video inkl. der Controls korrekt dargestellt, nur bei einem reload der Seite ist es dann wieder weg, wie muss ich das jetzt in der FTUI machen?

[Paul]

Dann musst du sicherlich das Image-Widget ändern

[Tommy82]

Ja das hab ich jetzt auch mal gemacht, und dann funktioniert es auch, hab nur noch nicht herausgefunden wo ich im Widget das "control" tag setzen muss, und ich muss das Widget natürlich vom Update Prozess ausschließen

[Paul]

Wieso ausschliessen?

Wenn du es geändert hast dann nenn es um in Video. dann kannst du mit dem einen Videos einbinden und
weiterhin Images

[Tommy82]

Wieso ausschliessen?

Wenn du es geändert hast dann nenn es um in Video. dann kannst du mit dem einen Videos einbinden und
weiterhin Images

Stimmt hast recht.

Hast du ne idee wie ich das html "controlls" Tag im Wiget einbauen kann, damit es eingfügt wird? Da häng ich grade noch