m3u8 Stream in VIS einbinden

[dirk_1930]

Ich würde gerne meinen Livestream der Netatmo Presence in der VIS abspielen.
Welches Widget ist dafür geeignet?

[DannyS]

@dirk_1930 Ich habe heute das gleiche Problem gehabt und gelöst Ich dachte ja, dass das über die Video Elemente geht.. aber leider nicht.. Ich habe eine Lösung mit HLS.js erzeugt. Eine Webseite die das video abspielt, die daten aber aus dem iobroker bekommt. Und klappt super.
Wenn jetzt jemand was in den Briefkasten einwirft wird automatisch die webcam in den live modus geschaltet

Wie das geht und alle Script/HTML habe ich in einem Blog Beitrag zusammen gefasst:

https://www.sotzny.de/2023/04/21/netatmo-security-cam-stream-in-iobroker-vis-anzeigen/

Hinweis: Man benötigt nodeRed & ioBroker und in meinem Fall FullyKiosk zur anzeige.

[Marc Berg]

@dannys sagte in m3u8 Stream in VIS einbinden:

Wie das geht und alle Script/HTML habe ich in einem Blog Beitrag zusammen gefasst:

https://www.sotzny.de/2023/04/21/netatmo-security-cam-stream-in-iobroker-vis-anzeigen/

Merci! Leicht abgewandelt konnte ich deine Anleitung nutzen, um mir Videos aus Eufy-Kameras auf dem Smartphone anzeigen zu lassen.

[DannyS]

@marc-berg super, in welchem Browser/Tablett klappte das bei dir?

[Marc Berg]

@dannys sagte in m3u8 Stream in VIS einbinden:

super, in welchem Browser/Tablett klappte das bei dir?

Bis jetzt getestet auf Firefox+Edge unter Windows 11 und Safari auf dem iPhone+iPad. Wobei ich die Funktionalitäten zum Ton nicht nutze und damit auch nicht getestet habe.

[dirk_1930]

@dannys said in m3u8 Stream in VIS einbinden:

@dirk_1930 Ich habe heute das gleiche Problem gehabt und gelöst Ich dachte ja, dass das über die Video Elemente geht.. aber leider nicht.. Ich habe eine Lösung mit HLS.js erzeugt. Eine Webseite die das video abspielt, die daten aber aus dem iobroker bekommt. Und klappt super.
Wenn jetzt jemand was in den Briefkasten einwirft wird automatisch die webcam in den live modus geschaltet

Wie das geht und alle Script/HTML habe ich in einem Blog Beitrag zusammen gefasst:

https://www.sotzny.de/2023/04/21/netatmo-security-cam-stream-in-iobroker-vis-anzeigen/

Hinweis: Man benötigt nodeRed & ioBroker und in meinem Fall FullyKiosk zur anzeige.

Danke dafür. Ich werde mir am WE das Ganze mal anschauen.