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:
<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
Ich würde sagen das www/ gehört da nicht in den Pfad.
Wieso? Der gesamte Pfad ist
/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 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
<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>
Zitat von: Tommy82 am 30 Dezember 2018, 19:33:28
Wieso? Der gesamte Pfad ist
/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:
data-url="http://192.168.188.47:8085/fhem/ftui/BlinkCamera/Kameras/thumbnail/camera/BlinkCamera_Kameras_video_103450392.mp4"
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
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
und so:
<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.
War das data-size="10%" absicht? ist doch da falsch oder?
Aber egal ob mit oder ohne, das Verhalten bleibt gleich.
Nee, vergessen zu löschen
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:
<!-- ============== 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......
<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
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
<!-- ============== 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:
<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:
<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?
Dann musst du sicherlich das Image-Widget ändern
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
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
Zitat von: Paul am 02 Januar 2019, 21:50:43
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
keine Ahnung.
weiß auch nicht was ein controlls tag ist.
https://www.w3schools.com/tags/att_video_controls.asp
Das muss irgendwie mit in das Widget um das Video dann in der FTUI starten/bennden zu können
Neben dem controls Problem hab ich jetzt noch ein anderes, ich habe das FTUI Feld wo das Video dargestellt werden soll definiert, aber das Video wird in der Breite korrekt dargestellt, aber zu niedrieg, das Video Bild müsste höher, anbei ein Bild was ich meine
Die defininition sieht so aus:
<!-- ============== Kamera Live ================ -->
<!-- ======================================= -->
<li data-row="4" data-col="4" data-sizex="3" data-sizey="2">
<header class="headerTransparent">Kamera</header>
<div data-type="image"
data-device="Kameras"
data-get="videoFilename"
data-path="http://192.168.188.47:8085/fhem/tablet/BlinkCamera/Kameras/thumbnail/camera/"
data-width="400"
data-height="300"
class="nocache"></div>
</li>
Moin,
zum Controls-Problem habe ich zufällig -kurioserweise- im CB Forum was gefunden:
https://www.computerbase.de/forum/threads/html-attribut-zu-link-hinzufuegen.1846356/#post-22122903
Eventuell hilft dir das schon weiter.
Ggf kann man das auch im Widget aufnehmen - wer wäre Maintainer?
EDIT
Ich sehe, das warst du wahrscheinlich selber im CB Forum. ;)
Im CB bin ich :-)
Hab's wie du ja da gelesen hast jetzt am laufen. Werde es am WE mal etwas testen und dann hier auch für alle zur Verfügung stellen
Gesendet von iPhone mit Tapatalk
Jo, stimmt. Interessant wäre die Lösung insgesamt auch hier zu dokumentieren oder es gleich ins Widget einbauen zu lassen, es scheint ja optional aktivierbar zu sein.
Ich mache(hab es zum Teil schon gemacht) daraus ein eigenständiges Widget, was dann im Wiki Dokumentiert wird und hier veröffentlicht wird bzw. Dann auch wenn alles funktioniert wie es soll über den normalen Fhem installations/Update Prozess ausgeliefert wird
Gesendet von iPhone mit Tapatalk
Hi,
ich habe zum Video Widget hier mal einen Beitrag eröffnet
https://forum.fhem.de/index.php?topic=95374.new#new