FTUI Widget für SSCam Streaming Devices (SSCamSTRM) - Versionsgeschichte

Pahenning am 3. August 2024 um 08:45 Uhr

2024-08-03T08:45:59Z

← Nächstältere Version		Version vom 3. August 2024, 10:45 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|SSCamSTRM Widget]] ist ein Widget für [[FHEM Tablet UI]] zur Integration von SSCam Streaming-Devices im FHEM Tablet UI.		Das [[{{PAGENAME}}\|SSCamSTRM Widget]] ist ein Widget für [[FHEM Tablet UI V2]] zur Integration von SSCam Streaming-Devices im FHEM Tablet UI.

	<gallery>		<gallery>
Zeile 158:		Zeile 158:


	[[Kategorie:FHEM Tablet UI\|SSCamSTRM]]		[[Kategorie:FHEM Tablet UI V2\|SSCamSTRM]]

DS Starter: /* Streaming Master: Drop-Down-Liste zur Selektion eines anderen Streaming Devices */

2020-07-20T19:16:10Z

Streaming Master: Drop-Down-Liste zur Selektion eines anderen Streaming Devices

← Nächstältere Version		Version vom 20. Juli 2020, 21:16 Uhr
Zeile 136:		Zeile 136:

	Um die Device-Auswahl einzubinden, kann das [[FTUI_Widget_Select\|Select Widget]] mit dem SSCamSTRM Widget kombiniert werden. Im Select Widget (data-type "select") ist lediglich '''data-device''' anzupassen und auf den Namen des Streaming Master Devices (im Beispiel SSCamSTRM.SDS1.master) zu setzen und '''data-list''' mit dem Wert '''adoptList''' zu spezifizieren.		Um die Device-Auswahl einzubinden, kann das [[FTUI_Widget_Select\|Select Widget]] mit dem SSCamSTRM Widget kombiniert werden. Im Select Widget (data-type "select") ist lediglich '''data-device''' anzupassen und auf den Namen des Streaming Master Devices (im Beispiel SSCamSTRM.SDS1.master) zu setzen und '''data-list''' mit dem Wert '''adoptList''' zu spezifizieren.

			Alternativ kann '''data-list''' mit dem Wert '''adoptSubset''' eingestellt werden. Mit dem Attribut '''adoptSubset''' kann eine
			Teilmenge aller definierten Streaming Devices ausgewählt und dem Select Widget im FTUI zur Verfügung gestellt werden. Es wird ein gleichnamiges Reading im Streaming Device erstellt.

	<pre>		<pre>

DS Starter: /* Streaming Master: Drop-Down-Liste zur Selektion eines anderen Streaming Devices */

2020-07-19T20:30:12Z

Streaming Master: Drop-Down-Liste zur Selektion eines anderen Streaming Devices

← Nächstältere Version		Version vom 19. Juli 2020, 22:30 Uhr
Zeile 145:		Zeile 145:
	<div>		<div>
	<div data-type="label">Wähle ein Streaming Device aus:</div>		<div data-type="label">Wähle ein Streaming Device aus:</div>
	<div data-type="select" data-device="SSCamSTRM.SDS1.master" data-list="adoptList" data-delimiter="," data-set="~~adoptFrom~~"></div>		<div data-type="select" data-device="SSCamSTRM.SDS1.master" data-list="adoptList" data-delimiter="," data-set="adopt"></div>
	</div>		</div>
	</li>		</li>

DS Starter: /* Presets und Patrol Drop-Down-Listen bei PTZ-Kameras */

2020-07-19T11:58:58Z

Presets und Patrol Drop-Down-Listen bei PTZ-Kameras

@@ Zeile 129: / Zeile 129: @@
 File:UIPreset.PNG
 File:UIPatrols.PNG
 </gallery>
 [[Kategorie:FHEM Tablet UI|SSCamSTRM]]

DS Starter am 11. November 2019 um 22:18 Uhr

2019-11-11T22:18:25Z

← Nächstältere Version		Version vom 12. November 2019, 00:18 Uhr
Zeile 5:		Zeile 5:
	File:sscamftui2.PNG		File:sscamftui2.PNG
	File:sscamftui3.PNG		File:sscamftui3.PNG
			File:UIPreset.PNG
			File:UIPatrols.PNG
	</gallery>		</gallery>

Zeile 53:		Zeile 55:

	In dem Streamingdevice kann mittels der Attribute hideDisplayNameFTUI, ptzButtonSizeFTUI und htmlattrFTUI der Detaillink ausgeblendet, die Größe von PTZ-Buttons festgelegt bzw. die Größe des Content angepasst werden.		In dem Streamingdevice kann mittels der Attribute hideDisplayNameFTUI, ptzButtonSizeFTUI und htmlattrFTUI der Detaillink ausgeblendet, die Größe von PTZ-Buttons festgelegt bzw. die Größe des Content angepasst werden.

			Für PTZ-Kameras kann das SSCamSTRM Widget mit dem [[FTUI_Widget_Select\|Select Widget]] kombiniert werden um Auswahllisten für Presets und Patrols mit zu integrieren.


	== Beispiele ==		== Beispiele ==
	Einbinden des MJPEG-Streams. Das verwendete Streaming-Device vom Typ "mjpeg" wird vorab im zugeordneten SSCam-Device angelegt mit:		=== Einbinden des MJPEG-Streams ===
			Das verwendete Streaming-Device vom Typ "mjpeg" wird vorab im zugeordneten SSCam-Device angelegt mit:

	set <SSCam-Device> createStreamDev mjpeg		set <SSCam-Device> createStreamDev mjpeg
Zeile 70:		Zeile 76:
	</pre>		</pre>

	Einbinden der Schnappschußgalerie. Das verwendete Snapgallery-Device wird vorab im zugeordneten SSCam-Device angelegt mit:		=== Einbinden der Schnappschußgalerie ===
			Das verwendete Snapgallery-Device wird vorab im zugeordneten SSCam-Device angelegt mit:

	set <SSCam-Device> createSnapGallery		set <SSCam-Device> createSnapGallery
Zeile 85:		Zeile 92:
	</pre>		</pre>

			=== Steuerungspaneel für PTZ-Kameras ===
	Es kann ebenfalls ein separates Steuerungspaneel für PTZ-Kameras erzeugt und in FTUI angezeigt werden. Dazu wird das Paneel im zugeordneten SSCam-Device angelegt mit:		Es kann ebenfalls ein separates Steuerungspaneel für PTZ-Kameras erzeugt und in FTUI angezeigt werden. Dazu wird das Paneel im zugeordneten SSCam-Device angelegt mit:

Zeile 99:		Zeile 107:
	</li>		</li>
	</pre>		</pre>

			=== Presets und Patrol Drop-Down-Listen bei PTZ-Kameras ===
			Um mit PTZ-Kameras Presets anzufahren oder Patrols zu starten, kann das [[FTUI_Widget_Select\|Select Widget]] mit dem SSCamSTRM Widget kombiniert werden. Im Select Widget (data-type "select") ist lediglich data-device anzupassen und auf das Internal PARENT Device des verwendeten Streamingsdevices zu setzen (hier im Beispiel "SSCam.Keller").

			<pre>
			<li data-row="3" data-col="1" data-sizey="2" data-sizex="3">
			<header>Keller</header>
			<div class="cell">
			<div data-type="sscamstrm" data-device="SSCamSTRM.SSCam.Keller.mjpeg" ></div>
			</div>
			<div>
			<div data-type="label">Preset</div>
			<div data-type="select" data-device="SSCam.Keller" data-list="Presets" data-delimiter="," data-set="goPreset"></div>
			<div data-type="label">Patrol</div>
			<div data-type="select" data-device="SSCam.Keller" data-list="Patrols" data-delimiter="," data-set="runPatrol></div>
			</div>
			</li>
			</pre>

			<gallery>
			File:UIPreset.PNG
			File:UIPatrols.PNG
			</gallery>


	[[Kategorie:FHEM Tablet UI\|SSCamSTRM]]		[[Kategorie:FHEM Tablet UI\|SSCamSTRM]]

DS Starter: /* Hinweise */

2019-07-15T20:54:47Z

Hinweise

← Nächstältere Version		Version vom 15. Juli 2019, 22:54 Uhr
Zeile 52:		Zeile 52:
	Es ist immer das Streaming-Device in FHEM zu erstellen und im Attribut "data-device" anzugeben, nicht das SSCam-Parentdevice selbst !		Es ist immer das Streaming-Device in FHEM zu erstellen und im Attribut "data-device" anzugeben, nicht das SSCam-Parentdevice selbst !

	In dem Streamingdevice kann mittels der Attribute hideDisplayNameFTUI und htmlattrFTUI der Detaillink ausgeblendet bzw. die Größe des Content angepasst werden.		In dem Streamingdevice kann mittels der Attribute hideDisplayNameFTUI, ptzButtonSizeFTUI und htmlattrFTUI der Detaillink ausgeblendet, die Größe von PTZ-Buttons festgelegt bzw. die Größe des Content angepasst werden.

	== Beispiele ==		== Beispiele ==

DS Starter am 15. Juli 2019 um 17:46 Uhr

2019-07-15T17:46:19Z

← Nächstältere Version		Version vom 15. Juli 2019, 19:46 Uhr
Zeile 4:		Zeile 4:
	File:sscamftui1.PNG		File:sscamftui1.PNG
	File:sscamftui2.PNG		File:sscamftui2.PNG
			File:sscamftui3.PNG
	</gallery>		</gallery>

Zeile 51:		Zeile 52:
	Es ist immer das Streaming-Device in FHEM zu erstellen und im Attribut "data-device" anzugeben, nicht das SSCam-Parentdevice selbst !		Es ist immer das Streaming-Device in FHEM zu erstellen und im Attribut "data-device" anzugeben, nicht das SSCam-Parentdevice selbst !

	== ~~Beispiel~~ ==		In dem Streamingdevice kann mittels der Attribute hideDisplayNameFTUI und htmlattrFTUI der Detaillink ausgeblendet bzw. die Größe des Content angepasst werden.
	Einbinden des MJPEG-Streams:
			== Beispiele ==
			Einbinden des MJPEG-Streams. Das verwendete Streaming-Device vom Typ "mjpeg" wird vorab im zugeordneten SSCam-Device angelegt mit:

			set <SSCam-Device> createStreamDev mjpeg

			Das erzeugte Device, im Beispiel "SSCamSTRM.Keller.mjpeg", wird im data-device eingetragen.

	<pre>		<pre>
Zeile 58:		Zeile 65:
	<header>Kamera Keller</header>		<header>Kamera Keller</header>
	<div class="cell">		<div class="cell">
	<div data-type="sscamstrm" data-device="SSCamSTRM~~.SSCam~~.Keller.mjpeg" ></div>		<div data-type="sscamstrm" data-device="SSCamSTRM.Keller.mjpeg" ></div>
	</div>		</div>
	</li>		</li>
	</pre>		</pre>

	Einbinden der Schnappschußgalerie:		Einbinden der Schnappschußgalerie. Das verwendete Snapgallery-Device wird vorab im zugeordneten SSCam-Device angelegt mit:

			set <SSCam-Device> createSnapGallery

			Das erzeugte Device, im Beispiel "SSCamSTRM.Hauseingang.snapgallery", wird im data-device eingetragen.

	<pre>		<pre>
Zeile 69:		Zeile 80:
	<header>Schnappschüsse Eingang</header>		<header>Schnappschüsse Eingang</header>
	<div class="cell">		<div class="cell">
	<div data-type="sscamstrm" data-device="SSCamSTRM~~.SSCam~~.Hauseingang.snapgallery" ></div>		<div data-type="sscamstrm" data-device="SSCamSTRM.Hauseingang.snapgallery" ></div>
	</div>		</div>
	</li>		</li>
			</pre>

			Es kann ebenfalls ein separates Steuerungspaneel für PTZ-Kameras erzeugt und in FTUI angezeigt werden. Dazu wird das Paneel im zugeordneten SSCam-Device angelegt mit:

			set <SSCam-Device> createPTZcontrol

			Bei der Einbindung in FTUI ist das Attribut data-get="state" zu ergänzen, da dieses Device das Standardreading parentState nicht enthält.

			<pre>
			<li data-row="1" data-col="1" data-sizey="2" data-sizex="1">
			<header>PTZ Control</header>
			<div class="cell">
			<div data-type="sscamstrm" data-device="SSCamSTRM.Keller.PTZcontrol" data-get="state"></div>
			</div>
			</li>
	</pre>		</pre>


	[[Kategorie:FHEM Tablet UI\|SSCamSTRM]]		[[Kategorie:FHEM Tablet UI\|SSCamSTRM]]

DS Starter: Die Seite wurde neu angelegt: „Das SSCamSTRM Widget ist ein Widget für FHEM Tablet UI zur Integration von SSCam Streaming-Devices im FHEM Tablet UI. File:ssc…“

2019-07-12T14:52:18Z

Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|SSCamSTRM Widget]] ist ein Widget für FHEM Tablet UI zur Integration von SSCam Streaming-Devices im FHEM Tablet UI. <gallery> File:ssc…“

Neue Seite

Das [[{{PAGENAME}}|SSCamSTRM Widget]] ist ein Widget für [[FHEM Tablet UI]] zur Integration von SSCam Streaming-Devices im FHEM Tablet UI.

<gallery>
File:sscamftui1.PNG
File:sscamftui2.PNG
</gallery>

Voraussetzung ist das Vorhandensein von SSCam Streaming-Devices. Streaming-Devices werden in existierenden SSCam Kamera-Devices angelegt mit:

set <SSCam-Device> createStreamDev <Typ>

Das entstandene Device ist im Attribut "data-device" des Widgets einzutragen. <br>
Mindestlevel der Modulversionen sind SSCamSTRM 2.6.0 und SSCam 8.15.0.

<br>
== Installation ==

Die Datei widget_sscamstrm.js muss in das js-Verzeichnis der fhem-tablet-ui Installation und die Datei sscam_hls.js in das entsprechende lib-Verzeichnis kopiert werden.

In FHEM kann der Befehl:
<pre>
update all https://raw.githubusercontent.com/nasseeder1/fhem-ftui_sscamstrm_widget/master/controls_sscamstrm_widget.txt
</pre>

verwendet werden um die Dateien einmalig zu installieren. Sollen die Dateien in den regelmäßigen Update-Prozess mit eingebunden werden, kann das control-File in FHEM integriert werden:
<pre>
update add https://raw.githubusercontent.com/nasseeder1/fhem-ftui_sscamstrm_widget/master/controls_sscamstrm_widget.txt
</pre>

== Attribute ==
{| class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-device'''||SSCam-Streamingdevice in FHEM, dessen Inhalt angezeigt werden soll||||
|-
|'''data-get'''||Name des Readings, das eine Änderung des SSCam-Streamingdevice signalisiert||parentState||
|-
|'''data-max-update'''||Maximale Häufigkeit in Sekunden für das Update des SSCam-Streamingdevices||2||
|}

Das FTUI-Widget für SSCamSTRM kann alle zur Zeit unterstützen Streamingtypen wiedergeben. Dadurch kann nun auch das qualitativ hochwertige HLS-Format in FTUI dargestellt werden.

== Hinweise ==
Im SSCamSTRM Widget wird anders als in anderen Widgets nicht der angegebene Wert aus dem Device dargestellt, sondern der HTML-Inhalt des angegebenen SSCam-Streamingdevices. Das data-get Reading dient nur dazu ein nötiges Update des Devices zu erkennen.

Es ist immer das Streaming-Device in FHEM zu erstellen und im Attribut "data-device" anzugeben, nicht das SSCam-Parentdevice selbst !

== Beispiel ==
Einbinden des MJPEG-Streams:

<pre>
<li data-row="1" data-col="1" data-sizey="3" data-sizex="4">
<header>Kamera Keller</header>
<div class="cell">
<div data-type="sscamstrm" data-device="SSCamSTRM.SSCam.Keller.mjpeg" ></div>
</div>
</li>
</pre>

Einbinden der Schnappschußgalerie:

<pre>
<li data-row="1" data-col="1" data-sizey="3" data-sizex="5">
<header>Schnappschüsse Eingang</header>
<div class="cell">
<div data-type="sscamstrm" data-device="SSCamSTRM.SSCam.Hauseingang.snapgallery" ></div>
</div>
</li>
</pre>

[[Kategorie:FHEM Tablet UI|SSCamSTRM]]