Bild von iframe erzeugen und vergleichen - Druckversion +- Javascript-forum (https://javascript-forum.de) +-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4) +--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6) +--- Thema: Bild von iframe erzeugen und vergleichen (/showthread.php?tid=2542) |
Bild von iframe erzeugen und vergleichen - jumbo125 - 16.08.2023 Hallo zusammen Ich habe ein problme mit einem video iframe. Kurz: ich binde mittels eines iframe tages eine url ein, welche ein video meiner webcam anzeigt. (kurz zur erklärung nebenbei: das ganze erfolgt mit go2rtc software auf meinem linux server,) Das funktioniert alles super und läuft auf einem Tablet, welches zuhause auf der wand angebracht ist und ständig unseren Eingangsbereich zeigt im Video sehe ich links oben die aktuelle uhrzeit der webcam laufen. Hin und wieder wenn ich vorbeigehe und auf das tablet sehe, kommt mir vor, das das video hängt. aufgrund der im video, konnte ich schon mehrmals feststellen, dass es wirklich bereits vor einigen mintuen stecken blieb. Es reicht schon wenn ich einfach nur die iframe url neu lade. ich mach das derzeit mittels eines button. Wenn ich auf den button klicke, wird mittels jquery die iframe src gelöscht und neu eingefügt. (Das embed wird neu geladen) und das Video ist wieder aktuell und zeigt die live Webcame. Auf dauer ist das aber nicht die beste lösung.... Nun habe ich es so eingestellt, dass die button function alle 10 minuten automatisch ausgeführt wird. Das ist aber auch nicht wirklich zielführend. Meine IDEE:
leider schaffe ich es nicht von dem iframe ein bild zu erzeugen (origin privacy usw.) hat jemand eine idee? danke RE: Bild von iframe erzeugen und vergleichen - rzscout - 17.08.2023 Hi jumbo125 , erstienmal musst du das ganze nicht so schwer machen mit dem Neuladen des Iframes. Das kannst du mithilfe von JavaScript machen. Mit der Funktion setInterval() kannst du einen Interval nutzen um die Quelle des Iframes alle paar Sekunden zu ernuern. PS: Verzichte lieber auf jQuery und nutze native Mittel in JavaScript. VG scoutrz RE: Bild von iframe erzeugen und vergleichen - jumbo125 - 17.08.2023 (17.08.2023, 14:31)rzscout schrieb: Hi jumbo125 , Ich hätte aber gerne, dass das laden des iframes nicht automatisch passiert, sondern nur wenn es hängen geblieben ist. wenn das iframe neu geladen ist, dauert es ca 10-20sekunden bis das video selbst neu geladen ist. RE: Bild von iframe erzeugen und vergleichen - Sempervivum - 17.08.2023 Ich bin leider weit davon entfernt, mit Videostreaming vertraut zu sein aber ich versuche es trotzdem mal: Wie Du selbst fest gestellt hast, bereitet es einige Problem, ein Bild von dem iFrame zu erzeugen. Dafür habe ich auch keine Lösung und frage mich, ob es andere Wege gibt, diesen Livestream anzuzeigen. Offenbar unterstützt das HTML5-Videotag auch die Wiedergabe von Livestreams: https://www.dacast.com/blog/optimizing-html5-video-streaming-2/#hls_protocol_for_html5_video_streaming Edit: Anscheinend nur über video.js: https://stackoverflow.com/questions/19782389/playing-m3u8-files-with-html-video-tag Damit hättest Du dann einen besseren Zugriff auf den Stream. Am besten prüfe zunächst ob Du eine Stream-URL zur Verfügung hast mit einem Protokoll, das von HTML5-Video unterstützt wird. |