Programma i tuoi contenuti. HTML5 nativo.
Crea esperienze di segnaletica digitale completamente personalizzate usando HTML5, CSS e JavaScript. Realizza chioschi interattivi, dashboard animate, visualizzazioni di dati ed esperienze brandizzate renderizzate nativamente sui tuoi schermi.
Libertà creativa totale con le tecnologie web
Quando i template e gli editor non bastano, HTML5 Custom Code ti offre un controllo creativo illimitato. Scrivi HTML, CSS e JavaScript che vengono eseguiti nativamente sul motore browser del player di segnaletica digitale. Accedi a dati in tempo reale tramite API, crea esperienze touchscreen interattive e realizza animazioni impossibili da ottenere con strumenti drag-and-drop.
Cosa puoi fare con HTML5 nativo.
Tre funzionalità che rendono questa integrazione indispensabile per la tua rete di segnaletica digitale.
Editor di Codice Integrato
Scrivi e testa contenuti HTML5 direttamente nella dashboard di Hangar.Media grazie all'editor di codice integrato, con syntax highlighting, completamento automatico e anteprima live. Visualizza le modifiche renderizzate in tempo reale prima della pubblicazione.
Scrivi, visualizza in anteprima, pubblica: tutto in un unico posto.
Syntax highlighting per HTML, CSS e JS
Pannello di anteprima live
Snippet di codice e template boilerplate
Dati Dinamici tramite API della Piattaforma
I tuoi contenuti HTML5 personalizzati possono accedere alle API della piattaforma Hangar.Media per recuperare dati in tempo reale come la posizione dello schermo, la playlist corrente, i fusi orari e i feed di dati personalizzati. Crea contenuti che si adattano in base a dove e quando vengono visualizzati.
Contenuti che sanno dove si trovano.
Metadati dello schermo e dati di localizzazione
Integrazione di feed di dati personalizzati
Personalizzazione dei contenuti in tempo reale
Carica Web App Complete
Pacchettizza i tuoi contenuti HTML5 come file ZIP con tutti gli asset inclusi e caricali su Hangar.Media. La piattaforma ospita e distribuisce la tua web application sul player di segnaletica digitale, supportando progetti complessi multi-file.
Dal tuo IDE ai tuoi schermi.
Caricamento di pacchetti ZIP con bundling degli asset
Supporto per CDN esterni e librerie esterne
Packaging dei contenuti con supporto offline
Quattro passaggi verso schermi connessi.
Dalla configurazione ai contenuti live in minuti, non giorni.
Scrivi il tuo codice
Crea i tuoi contenuti HTML5 utilizzando l'editor di codice integrato o il tuo ambiente di sviluppo preferito.
Anteprima e test
Visualizza in anteprima i tuoi contenuti nella dashboard alla risoluzione a schermo intero e verifica l'interattività e le connessioni ai dati.
Carica o salva
Salva il codice nell'editor oppure carica un file ZIP con tutti i file HTML, CSS, JS e gli asset.
Pubblica sugli schermi
Aggiungi i tuoi contenuti HTML5 personalizzati alle playlist e pubblicali sui tuoi schermi come qualsiasi altro tipo di contenuto.
Costruito per ogni settore.
Scopri come diversi settori utilizzano questa integrazione per ottenere risultati concreti.
Dashboard di trading personalizzate
Crea dashboard in tempo reale per ticker azionari e dati finanziari utilizzando HTML5 e connessioni WebSocket per i display nelle sale di trading.
CorporateDirectory aziendali interattive
Realizza directory aziendali touchscreen personalizzate con mappe dei piani, ricerca dei dipendenti e indicazioni di percorso tramite HTML5 e JavaScript.
RetailConfiguratori di prodotto interattivi
Sviluppa strumenti touchscreen per la configurazione dei prodotti che consentano ai clienti di personalizzare gli articoli e visualizzare i prezzi sulla segnaletica digitale in store.
PubblicaDisplay di data visualisation
Crea dashboard di data visualisation personalizzate per display informativi pubblici, con dati sui trasporti, statistiche ambientali e metriche urbane.
Domande frequenti. Risposte dirette risposte.
Quali browser e motori sono supportati sui player di segnaletica digitale?
I player di segnaletica digitale Hangar.Media utilizzano motori di rendering basati su Chromium, con supporto completo per HTML5, CSS3 ed ES6 JavaScript. L'ambiente è equivalente a una versione recente di Google Chrome.
Il mio contenuto HTML5 può effettuare chiamate ad API esterne?
Sì. Il tuo codice personalizzato può effettuare richieste HTTP ad API esterne tramite fetch o XMLHttpRequest. Assicurati che i tuoi endpoint API supportino il CORS se carichi dati da servizi di terze parti.
Esiste un limite di dimensione per i pacchetti HTML5?
I singoli pacchetti di contenuto HTML5 possono avere dimensioni fino a 100 MB. Per applicazioni più complesse con numerosi asset multimediali, valuta di caricare gli asset da CDN esterni per ridurre le dimensioni del pacchetto.
Posso usare framework JavaScript come React o Vue?
Sì. Puoi utilizzare qualsiasi framework o libreria JavaScript compatibile con il browser. Sviluppa la tua applicazione con React, Vue, Angular o Svelte, esegui il bundle e carica la build di produzione come pacchetto ZIP.
Un prezzo. L'intera piattaforma.
Così pensiamo che la segnaletica digitale dovrebbe funzionare. Editor di contenuti, gestione degli schermi e oltre 200 integrazioni di app — tutto incluso fin dal primo giorno.