HTML5 SOFTWARE & HARDWARE - zuletzt verändert am 17.12.2018 Die jeweils aktuellste Fassung finden Sie im Support-Bereich von easescreen.com
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
HTML5
SOFTWARE & HARDWARE
zuletzt verändert am 17.12.2018
Die jeweils aktuellste Fassung finden Sie im Support-Bereich von easescreen.com
www.easescreen.com
Inhaltsverzeichnis
Überblick über das easescreen HTML5-Server-Client-System...................................2
Systemanforderungen an den easescreen HTML5-Server.........................................4
Installation des easescreen HTML5-Servers.........................................................5
Inbetriebnahme des gesamten Systems.................................................................7
Konfiguration des easescreen HTML-5 Servers.....................................................8
Generelles zur Installation und zum Betrieb.........................................................9
Status-Page.....................................................................................................11
easescreen Web-Applikation................................................................................12
easescreen SoC-Applikationen..............................................................................13
LG webOS 2.8 & 3.0........................................................................................13
LG webOS ab 3.2.............................................................................................14
Samsung SMART Signage Platform ab SSSP4 und TIZEN 3.0 oder höher.............15
Philips Android.................................................................................................16
Sharp Open Systems Architecture (OSA)...........................................................18
NEC Raspberry................................................................................................19
Logs untersuchen und Fehler finden.....................................................................20
Server Protokolle.............................................................................................20
Clients Protokolle.............................................................................................20
Glossar...............................................................................................................20
Überblick über das easescreen HTML5-Server-Client-
System
Das easescreen HTML5-Server-Client-System ermöglicht ein von Hardware und von
Betriebssystemen (nur Clientseite) unabhängiges Digital Signage Netzwerk, welches
sich nahtlos mit allen anderen easescreen Applikationen verknüpfen lässt.
Bei diesem webbasierten Digital Signage System werden von einem zentralen
Webserver (easescreen HTML5-Server) Ablaufpläne, Mediendateien und
Konfigurationen an Web-Applikationen (easescreen HTML5-Clients) verteilt. Ein
easescreen HTML5-Client berechnet den Inhalt zur Darstellung im jeweiligen HTML5-
SEITE 2/19
www.easescreen.com
Browser anhand der Pläne und Mediendateien in Echtzeit. Als Gerätschaft
(Hardware-Basis) kommen oftmals SoC-Displays (siehe Glossar) zum Einsatz.
https/http
TCP 20.000
HTML5
MMS
Das dezentrale Berechnen der Inhalte in den Browsern ermöglicht eine Verteilung
der Rechenlast sowie eine gewisse Hardwareunabhängigkeit. Vorausgesetzt werden
jedoch moderne Browser und sobald mittels nativer App auf Systemfunktionen – wie
z. B. Ein- und Ausschalten des Abspielgerätes– zugegriffen werden soll, dennoch
entsprechend ausgesuchte Hardware.
Im Gegensatz zum normalen easescreen POV-Client bietet der HTML5-Client Vorteile
und Nachteile.
Vorteile eines HTML5-Clients gegenüber einem „nativen“ easescreen POV-Client:
• Zentrale Verwaltung der Kanäle und Systeme – ähnlich zum MMS (s.
Bandbreitenlimit).
• Zentraler Kontaktpunkt zu allen HTML5-Clients.
• Hardware-Unabhängigkeit.
Nachteile eines HTML5-Clients gegenüber einem „nativen“ easescreen POV-Client:
• Niedrige Medienformatekompatibilität (lediglich PNG, JPG, GIF, H.264, H.265
und WebM können dargestellt werden).
• Keine sichergestellte „fixe“ Bildwiederholrate.
• Eingeschränkte Konnektivität: Aufgrund der nicht vorhandenen Schnittstellen
zum Netzwerk und Betriebssystem sind viele Funktionen eines klassischen
POV-PCs oftmals nicht verfügbar. So zum Beispiel Neustart per Watchdog
oder Umschalten per Webinterface.
SEITE 3/19
www.easescreen.com
Systemanforderungen an den easescreen HTML5-Server
Die Systemanforderungen des HTML5-Servers entsprechen jenen, die auch für den
MMS/eSign-Server Voraussetzung sind. Dies bedeutet, dass jeder PC, welcher
Windows ausführt und mit x86-Applikationen/Diensten umgehen kann, für das
Betreiben des easescreen HTML5-Servers geeignet ist.
Betriebssystem • Microsoft Windows XP
(Microsoft Lizenzbedingungen • Microsoft Windows Vista
erfordern für Serveranwendungen
ein Serverbetriebssystem) • Microsoft Windows 7 (empfohlen)
• Microsoft Windows 8/8.1
• Microsoft Windows 10 (als LTSB oder
IoT)
• Microsoft Windows Server 2003 bis
2016
Bei allen Betriebssystemen sind abgestimmte
Embedded- respektive IoT-Varianten zu
bevorzugen.
CPU-Type Absolute Mindestanforderung: 1.000 Punkte
laut Passmark 8.0. Empfohlen: mindestens
2.000 Punkte im Passmark 8.0
Benchmarkranking. Bei Intel CPUs
allermindestens Atom Prozessoren und bei
AMD-CPUs allerrmindestens Athlon
Prozessoren.
Arbeitsspeicher Auf 32-Bit-Systemen:
• empfohlen: mindestens 3 GB.
• absolute Mindestanforderung: 1 GB.
Auf 64-Bit-Systemen:
• empfohlen: mindestens 4 GB.
• absolute Mindestanforderung: 2 GB.
SEITE 4/19
www.easescreen.com
Bildschirmauflösung 800 x 600 (empfohlen: 1024x768 oder höher)
Festplattenspeicher 500 MB freier Speicher (empfohlen: mindestens
60 GB).
Netzwerk Das TCP/IP-Protokoll muss ausgeführt werden.
Der nötige Webserver, für die Verteilung des HTML5-Clients und Bereitstellung der
Plan und Mediendateien, ist im HTML5-Server vollständig integriert (SinglePage-
Applikation). Optional können diese Daten natürlich auch von anderen Webservern
(z. B. Apache) publiziert werden.
Der HTML5-Client läuft mit allen modernen Webbrowsern, welche grundlegende
HTML5-Funktionalitäten zur Verfügung stellen. Hier kann als Mindestanforderung der
IE11 herangezogen werden, dieser hat im HTML5-Ranking (siehe html5test.com) ca.
300 Punkte. Sollte Ihr Browser unter diesem Score liegen, ist dieser mit hoher
Wahrscheinlichkeit nur sehr eingeschränkt oder eventuell sogar gar nicht für das
Ausführen des HTML5-Clients geeignet.
Als HTML5-Webbrowser empfehlen wir Google Chrome ab (mindestens) Version 49 –
da diese Browser sowohl die nötigen Mediencodecs enthalten als auch eine
vergleichsweise gute Hardwareunterstützung bieten.
INSTALLATION DES EASESCREEN HTML5-SERVERS
Zur Installation des HTML5-Servers verwenden Sie bitte die CD:\html5\
setup_html5_service.exe vom aktuell(st)en easescreen Installationsmedium. Bitte
beachten Sie, dass zum Anlegen des Dienstes Administratorrechte notwendig
sind.
SEITE 5/19
www.easescreen.com
Der vorgeschlagene Installationspfad lautet C:\html5server. Wir empfehlen diesen zu
verwenden. Gegebenenfalls können Sie aber auch einen anderen auswählen.
Abschließend muss der HTML5-Server Dienst registriert und lizenziert werden.
Der HTML5-Server muss entsprechend mit einem korrekten x18 HTML5-Server
Produktschlüssel über die Online-Lizenzierung aktiviert werden (ganz gleich wie bei
der üblichen easescreen POV-Client Software).
Nach erfolgreicher Lizenzierung kann der HTML5-Server als Dienst im Microsoft
Betriebssystem gestartet werden. Führen Sie hierzu unter „Start“ → „Ausführen“ den
Befehl „services.msc“ aus und starten Sie dann den easescreen_HTML5_svc.
SEITE 6/19
www.easescreen.com
Inbetriebnahme des gesamten Systems
Sobald der genannte Dienst läuft, haben Sie die Möglichkeit HTML5-Clients – unter
Angabe der Angabe der IP-Adresse oder FQDN des (lokalen) HTML5-Servers –
anzubinden und Sie können sich auch bereits per Screen-Manager zum HTML5-
Server verbinden.
KONFIGURATION DES EASESCREEN HTML-5 SERVERS
Wie bei den easescreen Produkten üblich, ist der HTML5-Server bereits
vorkonfiguriert und für die gängigen Anwendungsfälle direkt einsetzbar. Das
Einrichten von Sonderkonfigurationen, wie z. B. das Umstellen von der
Standardauflösung (HD) auf eine andere oder das Einrichten von projektspezifischen
Unter-Ebenen, kann natürlich jederzeit am HTML5-Server durchgeführt werden.
Der HTML5-Server bietet zwei INI-Dateien an, mittels welchen das System auf die
(spezifischen) Bedürfnisse angepasst werden kann:
• Die Datei (C:\html5server\)screens.ini gibt die einzelnen Kanäle sowie deren
Eigenschaften (Unterebenen, Auflösung, etc.) vor.
• Die Konfigurationsdatei (C:\html5server\)easescreen_html5_service.ini
bestimmt die Basiskonfiguration des Servers (HTTP oder HTTPS, Ports,
Bandbreitenmanagement, etc.)
Damit die in den Konfigurationsfiles vorgenommenen Änderungen wirksam werden,
muss der Dienst des HTML5-Servers (per services.msc) neu gestartet werden!
Im Bezug auf die später einsetzbaren/verwendbaren Schriften: Unterschiedliche
HTML5-Clients (respektive) Anzeige-Geräte stellen von Haus oftmals unterschiedliche
SEITE 7/19
www.easescreen.com
Schriften zur Verfügung. Sofern die vom Content (also Abspielplan) vorgegebene
Schriftart auf einem Gerät (eines beliebigen Drittherstellers) nicht verfügbar ist, wird
dieses in der Regel bei der Darstellung eine verfügbare Schrift, deren
(Erscheinungs-)Eigenschaften möglichst ähnlich zur der geplanten Schrift sind,
einsetzen.
Sofern Sie jedoch sicherstellen wollen, dass eine bestimmte Schrift eingesetzt wird,
leiten Sie bitte einen Abschnitt namens [Fonts] in der C:\html5server\screens.ini des
easescreen HTML5-Servers ein. In diesem Abschnitt der Initialisierungsdatei tragen
Sie dann die Schrift mit dem entsprechenden Eintrag ein. Zum Beispiel:
Frutiger=fonts://FrutigerLTStd-Roman.otf{font-family: 'Frutiger';font-style:
normal;font-weight: 400;src: local('Frutiger LT Std 55 Standard'), url(%s)
format('otf');}
Diese gilt dann für alle an diesen easescreen HTML5-Server angebundenen HTML5-
Clients.
In obigen Fall muss die Schriftart im Standard-Ordner abgelegt sein. Zum Beispiel:
C:\html5server\MEDIA\_fonts\FrutigerLTStd-Roman.otf
Damit die Schriftarten am easescreen HTML5-Server angezeigt werden, müssen
diese am HTML5-Server installiert werden und der Server-Rechner muss neu
gestartet werden, damit der Windows "Service User" die Schriftarten "bekommt".
Erst bei der nächsten Verbindung mit dem MMS/Screen-Manager zum easescreen
HTML5-Server werden diese Eigenschaften (dann) synchronisiert.
GENERELLES ZUR INSTALLATION UND ZUM BETRIEB
Bitte beachten Sie:
Sie müssen zwingend jedem Client, den Sie (erstmalig) einrichten, die
Adresse seines (lokalen) easescreen HTML5-Server bekannt geben! Sofern
Sie dies nicht machen, kann die zwingend notwendige Verbindung zwischen Client
(=Digital Signage Bildschirm) und (lokalem) HTML5-Server nicht zustande kommen!
Bitte versuchen Sie in dem Fall im entsprechenden Feld (im Beispiel Pop-up im
unteren Bereich) die passende Adresse (IP-Adresse oder FQDN) des HTML5-Servers
einzugeben.
Zur Bedienung der Clients:
Alle Client-Applikationen verfügen über mehrere wichtige Tastenkombinationen:
• STRG+ALT+i → Informationsanzeige inkl. Auflösung und IP-Adresse
• STRG+ALT+Rücktaste → löschen der lokal gespeicherten Daten und
Einstellungen. Führt dazu, dass Sie nach dem nächsten Neustart des Clients
wieder einen beliebigen easescreen HTML5-Server auswählen können und
natürlich auch wieder festlegen können, ob der Client seine Daten lokal
speichern soll.
SEITE 8/19
www.easescreen.com
• STRG+Alt+C → HTML5-Client lädt sofort den aktuellen Content vom Server.
(Standardmäßig wird er laut Initialisierungsdatei nur alle 30 Sekunden frisch
geladen.)
Sowohl für alle dritten HTML5-Browser als auch für alle SoC-Displays (siehe Glossar)
mit entsprechenden „speziellen“ easescreen SoC-Apllikationen gilt:
Wenn die Applikation startet, ohne, dass diese schon an einem Server angemeldet
war, bekommen Sie folgende Anzeige:
Nun kann der HTML5-Client über mehrere Methoden am Server autorisiert werden:
• Auf den QR-Code klicken.
• Auf der Status-Page vom Server mit dem dargestellten Code aktivieren.
• Den QR-Code mit einem Smartphone einscannen.
Mit allen drei Methoden landen Sie im „Hinzufügen“-Menü des HTML5-Servers – hier
können Sie nun den HTML5-Client einem bereits existierenden Kanal zuweisen oder
einen neuen erzeugen.
Neue Kanäle übernehmen die Eigenschaften (Unterebenen, Auflösung,…) des ersten
Kanals, welcher in der screens.ini am HTML5-Server definiert ist. Dies ist als
(Konfiguratuions-)Erleichterung gedacht – wir gehen davon aus, dass in der Regel
auf allen Kanälen dieselben Unter-Ebenen zum Einsatz kommen.
SEITE 9/19
www.easescreen.com
Sobald das Hinzufügen passiert ist, können Sie den HTML5-Client via Screen-
Manager mit Content bespielen.
STATUS-PAGE
Das grundlegende Setup kann am HTML5-Server direkt über die Status Webseite
passieren. Diese Seite kann mittels Eingabe der IP-Adresse (respektive URL/FQDN)
des Servers in einem Browser aufgerufen werden:
http://AdresseIhresServers/status.htt
SEITE 10/19www.easescreen.com
Wenn Sie hier auf einen verbundenen Client klicken, können Sie dessen
Eigenschaften bearbeiten, welche nach dem Speichern direkt in der entsprechenden
Initialisierungsdatei (hardware.ini oder der screens.ini) am Server hinterlegt werden.
easescreen Web-Applikation
Um die „pure“ easescreen Web-Applikation zu installieren, genügt es die URL des
HTML5-Servers (http://AdresseIhresServers) aufzurufen.
Erfolgt dieser Aufruf mit einem Browser, welcher das HTML5-Filesystem unterstützt,
werden Sie gefragt, ob Sie lokales Speichern des Inhaltes (Spielpläne und
Multimedia-Dateien) zulassen möchten:
SEITE 11/19www.easescreen.com
Wenn Sie auf Blockieren klicken, ist das Digital-Signage-Display auf den
permanenten Stream vom HTML5-Server angewiesen und somit von einer
hinreichend funktionierenden Netzwerkverbindung abhängig.
Sofern Sie auf Zulassen klicken, werden der Spielplan sowie die abzuspielenden
Multimediadateien am Abspielgerät lokal gespeichert und das Anzeigegerät kann
auch bei gekappter Netzwerkverbindung den (bereits) hinterlegten Inhalt weiter(hin)
abspielen. Nachdem es sich bei diesem Speicher um eine eigene Ablage und nicht
um den Ordner für temporäre Internetdateien handelt, ist dieser Datenspeicher
persistent.
easescreen SoC-Applikationen
LG WEBOS 2.8 & 3.0
Um die easescreen HTML5-App auf einem LG Digital Signage Display zu installieren
wird LG webOS in mindestens der Version 2.8 vorausgesetzt. Folgende Operationen
müssen durchgeführt werden:
• Display einschalten.
• Auf der Fernbedienung für 10 Sekunden die „Zahnrad“-Taste drücken bis die
Sprechblase erscheint.
• „8“ „0“ „8“ „0“ „OK“ drücken.
• Nun öffnet sich das Service Menü
• Wählen Sie die Einstellungen wie im Bild:
SEITE 12/19www.easescreen.com
◦ Application Launch Mode → Local
◦ Full Qualified Domain Name → http://AdresseIhresServers/files/lg.ipk
◦ Application Type → IPK
◦ Local Application Upgrade → REMOTE
• Bestätigen Sie nun das Upgrade und warten Sie bis es installiert wurde.
• Wenn Sie den Bildschirm neu starten, wird dieser den HTML5-Client
ausführen und nach einer Server-URL fragen.
• Tragen Sie die IP-Adresse respektive FQDN Ihres lokalen Servers ein (mit
einer angeschlossenen Maus in dem dafür vorgesehen Menü auswählen).
LG WEBOS AB 3.2
Zur Installation unter WebOS 3.2 (oder neuerer Version) muss Folgendes
durchgeführt werden:
• Mit der „SETTINGS“ Taste auf der Fernbedienung „Einstellungen“ aufrufen
• „SI Server Setting“ auswählen.
SEITE 13/19www.easescreen.com
• Im nächsten Menü nochmals die „SI Server Setting“ bestätigen.
• Einstellungen wie bei LG webOS 2.8 & 3.0 für die Applikation setzen.
SAMSUNG SMART SIGNAGE PLATFORM AB SSSP4 UND TIZEN 3.0 ODER
HÖHER
Zur Konfiguration eines solchen Anzeigegerätes von Samsung müssen Sie die
Einrichtung des Bildschirms (Uhrzeiteinstellungen, Netzwerkeinstellungen etc.)
„durchlaufen“. Ganz wesentlich ist dabei, dass Sie den "URL Launcher" als Quelle
auswählen und unbedingt die entsprechende IP-Adresse (respektive URL) des
HTML5-Servers inklusive dem Unterverzeichnis (/Files) korrekt angeben:
http://IP_des_Servers/files
Hier nun ein grober Überblick über die einzelnen Einrichtungsschritte an einem
Samsung Display mit SSSP5:
• Home-Taste drücken → auf URL Launcher Settings wechseln
• Install Web App auswählen → URL des HTML5-Servers mit /files angeben
Wir supporten:
Samsung Firmware-Version 2030.0 für SSSP4
und
Samsung Firmware-Version 2030.7 für SSSP5
SEITE 14/19www.easescreen.com
Beide können unter DSSC@samsung.com angefordert werden.
PHILIPS ANDROID
Die easescreen APK kann von der Status-Webseite Ihres HTML5-Server
heruntergeladen werden.
Um die easescreen Android-App auf einem Philips LFD zu installieren, sind folgende
Schritte notwendig:
• Als erstes kopieren Sie bitte die easescreen APK auf einen USB-Stick.
• Stecken Sie diesen USB-Stick an den Philips LFD mit Android.
• Schalten Sie den Philips Bildschirm ein.
• Geben Sie auf der Fernbedienung Ihres Philips Displays folgende
Tastenkombination ein, um das Android Admin zu öffnen:
Home 1 8 8 8
• Sie können nun mit den Pfeil-, der Zurück- und der OK-Taste navigieren.
• Öffnen Sie den Bereich „Apps“.
SEITE 15/19www.easescreen.com
• Bitte starten Sie den File-Manager und navigieren Sie zum Inhalt des USB-
Sticks (/mnt/usb_storage).
• Öffnen und installieren Sie die easescreen.apk.
Sofern Sie festlegen möchten, dass easescreen automatisch startet, führen Sie bitte
zusätzlich folgende Schritte aus:
• Settings → Signage Display → Custom App
• easescreen auswählen
• Ab nun ist die easescreen POV-Client Software als Eingangsquelle verfügbar
(Custom).
SHARP OPEN SYSTEMS ARCHITECTURE (OSA)
Die easescreen APK kann von der Status-Webseite Ihres HTML5-Server
heruntergeladen werden.
Um die easescreen Android-App auf einem Sharp Bildschirm mit Android zu
installieren, sind folgende Schritte notwendig:
• Als erstes kopieren Sie bitte die easescreen APK auf einen USB-Stick.
SEITE 16/19www.easescreen.com
• Stecken Sie diesen USB-Stick an das Sharp Display mit Android.
• Schalten Sie den Philips Bildschirm ein.
• Nutzen Sie die Enter- und die Pfeiltasten der Fernbedienung um zu
navigieren.
• Starten Sie den File-Explorer.
• Wählen Sie die (auf dem angesteckten USB-Stick befindliche) easescreen APK
aus und installieren Sie diese.
Sofern Sie möchten, dass die easescreen POV-Client Software automatisch startet,
führen Sie bitte noch folgende Schritte aus:
SEITE 17/19www.easescreen.com
• Drücken Sie Content Menü auf der Fernbedienung.
• Wählen Sie Startup an und aktivieren Sie die easescreen App.
NEC RASPBERRY
Die easescreen SoC-Applikation für NEC Raspberry ist noch nicht verfügbar (Stand
November 2018).
Logs untersuchen und Fehler finden
SERVER PROTOKOLLE
Der HTML5-Server protokolliert, wie jeder Dienst, in der Windows-Ereignisanzeige.
Zusätzlich werden schwere Fehler in der bugreport.txt im Installationsverzeichnis
("C:\html5server") protokolliert. Als allgemeine Betriebsprotokolle dienen die Logs im
LOG-Unterverzeichnis (wiederum im Installationsverzeichnis).
Da in Betriebsprotokollen alle Abspiel- und Client-Logs gesammelt werden, können
diese als Reporting (Play-Report) genutzt werden.
Alle Meldungen der Betriebsprotokolle werden auch an den easescreen Screen-
Manager oder einen eventuellen easescreen Management-Server weitergegeben.
CLIENTS PROTOKOLLE
Auf der Status-Page des HTML5-Servers werden für jeden einzelnen HTML5-Client
seine Logs separat zur Ansicht angeboten.
SEITE 18/19www.easescreen.com
Um auf diese zuzugreifen, muss lediglich auf den entsprechenden Client geklickt
werden.
Glossar
APK
APK steht für Android Application Package. Solche Pakete für das Betriebssystem Android werden zur
Verteilung und Installation unter Android eingesetzt.
LFD
LFD steht für Large Format Display. Philips benennt ihre „großen“ Digtial Signage Displays in der Regel
LFD.
SoC-Display
Bei einem SoC-Display handelt es sich um einen Bildschirm, der nebst den notwendigen elektronischen
Komponenten für den Betrieb des Monitors (an sich), zusätzlich die wesentlichen Komponenten eines
(meist sehr abgespeckten, jedoch) voll funktionsfähigen PCs intern im Gehäuse enthält. Nicht zu
verwechseln sind SoC-Displays mit Displays mit Slot-In-PCs (z. B. OPS digital signage player). Letztere
sind in der Regel wesentlich leistungsfähiger und (in Hinsicht auf die Funktionen und Anschlüsse)
komponentenreicher. Nebst allen möglichen Displayvarianten werden auch die beiden oben genannten
Typen in easescreen im Digital-Signage-Betrieb eingesetzt, da sie den Vorteil bieten, dass die Point-of-
Visualisation-Installation kompakter gestaltet werden kann (insbesondere weniger Geräte und Kabel).
SEITE 19/19Sie können auch lesen
