Moin zusammen,
da ich mir ein Regenradar eingebaut habe welches als Videofile geladen wird, dachte mir ich bau auch noch schnell das Element dafür zusammen.
Mir ging es da hauptsächlich um die Refresh-Funktion wie es beim image existiert. Die Vorlage ist dafür auch das image-Element welches ich nur abgewandelt habe.
Vielleicht brauch es ja sonst noch wer.
Settings:
base=""
src=""
width="auto"
height="auto"
interval=0
refresh=""
nocache
controls -> Steuerelemente anzeigen
loop -> Dauerschleife
muted -> Ton aus
preload="auto"
buffered -> Buffer anzeigen
autoplay -> Automatisch Abspielen
poster="" -> Thumbnail setzen (image)
Bsp:
<ftui-video src="http://www.meteocentrale.ch/uploads/media/UWZ_EUROPE_COMPLETE_niwofi.mp4" controls autoplay loop interval="1800"></ftui-video>
VG WarLLe
Wow, was es alles gibt: Ganz toll, danke!
Also sowohl das Video-Element als auch das konkrete Radar-Video.
Eine Frage habe ich: Was macht poster="" -> Thumbnail setzen (image) konkret, wie kann ich das nutzen? Ein Beispiel wäre schön.
@setstate
Wäre es nicht sinnvoll, diese Komponente in das allgemeine Repo-Dings zu übernehmen? Oder übersehe ich etwas?
Hallo,
ist das noch aktuell? Bei mir wird das Video nicht angezeigt.
Die video.component.js muss denke ich in den Pfad /opt/fhem/www/ftui/themes, oder?
Danke udn Gruß
Also eher in die www/ftui/components würde ich annehmen.
Danke. Aber das war es leider nicht.
Oder gibt es noch eine andere Möglichkeit, Videos abzuspielen?
Hallo,
So spiele ich Netatmo Videos ab. Musst natürlich hls installieren.
<ftui-popup id="popup_Kamera_Garten" position="page" timeout="60" width="90%" height="90%">
␀␀␀␀␀␀␀␀<video id="video4" controls width="100%" height="100%" </video>
␀␀␀␀<script>
␀␀␀␀␀␀var video = document.getElementById('video4');
␀␀␀␀␀␀if (Hls.isSupported()) {
␀␀␀␀␀␀␀␀var hls = new Hls({
␀␀␀␀␀␀␀␀␀␀debug: true,
␀␀␀␀␀␀␀␀});
␀␀␀␀␀␀␀␀hls.loadSource('http://192.168.100.10/6464646/live/files/medium/index.m3u8');
␀␀␀␀␀␀␀␀hls.attachMedia(video4);
␀␀␀␀␀␀␀␀hls.on(Hls.Events.MEDIA_ATTACHED, function () {
␀␀␀␀␀␀␀␀␀␀video.muted = true;
␀␀␀␀␀␀␀␀␀␀video.pause();
␀␀␀␀␀␀␀␀});
␀␀␀␀␀␀}
␀␀␀␀</script>
</ftui-popup>
␀
Gruß
Eisix