Gestalten Sie Ihre eigenen Inhalte. HTML5 nativ.
Erstellen Sie vollständig individuelle Digital Signage-Erlebnisse mit HTML5, CSS und JavaScript. Gestalten Sie interaktive Kioske, animierte Dashboards, Datenvisualisierungen und Markenerlebnisse, die nativ auf Ihren Bildschirmen gerendert werden.
Vollständige kreative Freiheit mit Web-Technologien
Wenn Vorlagen und Editoren nicht ausreichen, bietet Ihnen HTML5 Custom Code unbegrenzte kreative Kontrolle. Schreiben Sie HTML, CSS und JavaScript, das nativ auf der Browser-Engine des Signage-Players ausgeführt wird. Greifen Sie über APIs auf Live-Daten zu, erstellen Sie interaktive Touchscreen-Erlebnisse und entwickeln Sie Animationen, die mit Drag-and-Drop-Tools nicht möglich wären.
Was Sie mit HTML5 nativ. tun können
Drei Funktionen, die diese Integration für Ihr Digital Signage-Netzwerk unverzichtbar machen.
Integrierter Code-Editor
Schreiben und testen Sie HTML5-Inhalte direkt im Hangar.Media-Dashboard mit dem integrierten Code-Editor – inklusive Syntaxhervorhebung, Autovervollständigung und Live-Vorschau. Sehen Sie Ihre Änderungen in Echtzeit, bevor Sie veröffentlichen.
Schreiben, Vorschau, Veröffentlichen – alles an einem Ort.
Syntaxhervorhebung für HTML, CSS und JS
Live-Vorschau-Panel
Code-Snippets und Boilerplate-Vorlagen
Dynamische Daten über Plattform-APIs
Ihre individuellen HTML5-Inhalte können auf Hangar.Media-Plattform-APIs zugreifen, um Live-Daten wie Bildschirmstandort, aktuelle Playlist, Zeitzonen und benutzerdefinierte Daten-Feeds abzurufen. Erstellen Sie Inhalte, die sich je nach Ort und Zeitpunkt der Anzeige anpassen.
Inhalte, die wissen, wo sie sind.
Bildschirm-Metadaten und Standortdaten
Integration benutzerdefinierter Daten-Feeds
Echtzeit-Personalisierung von Inhalten
Vollständige Web-Apps hochladen
Verpacken Sie Ihre HTML5-Inhalte als ZIP-File mit allen enthaltenen Assets und laden Sie sie auf Hangar.Media hoch. Die Plattform hostet und stellt Ihre Webanwendung auf dem Signage-Player bereit und unterstützt komplexe MehrDateiprojekte.
Von Ihrer IDE auf Ihre Bildschirme.
ZIP-Paket-Upload mit Asset-Bündelung
Unterstützung für externe CDNs und Bibliotheken
Offline-fähige Inhaltspaketierung
Vier Schritte zu verbundene Bildschirme.
Von der Einrichtung bis zu Live-Inhalten in Minuten, nicht Tagen.
Code schreiben
Erstellen Sie Ihre HTML5-Inhalte mit dem integrierten Code-Editor oder Ihrer bevorzugten Entwicklungsumgebung.
Vorschau und Test
Zeigen Sie Ihre Inhalte im Dashboard in voller Bildschirmauflösung an und testen Sie Interaktivität und Datenverbindungen.
Hochladen oder speichern
Speichern Sie Ihren Code im Editor oder laden Sie ein gepacktes ZIP-File mit allen HTML-, CSS-, JS- und Asset-Dateien hoch.
Auf Bildschirmen veröffentlichen
Fügen Sie Ihre individuellen HTML5-Inhalte zu Playlists hinzu und veröffentlichen Sie sie auf Ihren Bildschirmen – wie jeden anderen Inhaltstyp.
Entwickelt für jeden Branche.
Erfahren Sie, wie verschiedene Branchen diese Integration nutzen, um Ergebnisse zu erzielen.
Individuelle Trading-Dashboards
Erstellen Sie Echtzeit-Kursticker und Finanzdaten-Dashboards mit HTML5 und WebSocket-Verbindungen für Displays auf Handelsböden.
UnternehmenInteraktive Büro-Verzeichnisse
Erstellen Sie individuelle Touchscreen-Büroführer mit Etagenplänen, Mitarbeitersuche und Wegeleitung mithilfe von HTML5 und JavaScript.
EinzelhandelInteraktive Produktkonfiguratoren
Entwickeln Sie Touchscreen-Produktkonfigurationstools, mit denen Kunden Produkte anpassen und Preise direkt auf dem Digital Signage im Geschäft einsehen können.
ÖffentlichDatenvisualisierungs-Displays
Erstellen Sie individuelle Datenvisualisierungs-Dashboards für öffentliche Informationsdisplays mit Verkehrsdaten, Umweltstatistiken und Stadtmetriken.
Häufige Fragen. Direkte Antworten.
Welche Browser und Engines werden auf Signage-Playern unterstützt?
Die Signage-Player von Hangar.Media verwenden Chromium-basierte Rendering-Engines, die modernes HTML5, CSS3 und ES6 JavaScript unterstützen. Die Umgebung entspricht einer aktuellen Version von Google Chrome.
Kann mein HTML5-Inhalt externe API-Aufrufe durchführen?
Ja. Ihr Custom Code kann HTTP-Anfragen an externe APIs über fetch oder XMLHttpRequest stellen. Stellen Sie sicher, dass Ihre API-Endpunkte CORS unterstützen, wenn Sie Daten von Drittanbieterdiensten laden.
Gibt es eine Dateigrössenbeschränkung für HTML5-Pakete?
Einzelne HTML5-Inhaltspakete können bis zu 100 MB gross sein. Bei grösseren Anwendungen mit umfangreichen Medien-Assets empfiehlt es sich, Assets von externen CDNs zu laden, um die Paketgrösse zu reduzieren.
Kann ich JavaScript-Frameworks wie React oder Vue verwenden?
Ja. Sie können jedes JavaScript-Framework oder jede Bibliothek verwenden, die im Browser läuft. Erstellen Sie Ihre Anwendung mit React, Vue, Angular oder Svelte, bündeln Sie sie und laden Sie den Produktions-Build als ZIP-Paket hoch.
Ein Preis. Die gesamte Plattform.
So stellen wir uns Digital Signage vor. Inhaltseditor, Bildschirmverwaltung und 200+ App-Integrationen – alles von Anfang an inklusive.
14 Tage kostenlos, bis zu 3 Bildschirme – keine Kreditkarte erforderlich.