Codez vos propres contenus. HTML5 natif.
Créez des expériences d'affichage dynamique entièrement personnalisées grâce à HTML5, CSS et JavaScript. Concevez des bornes interactives, des tableaux de bord animés, des visualisations de données et des expériences de marque rendues nativement sur vos écrans.
Une liberté créative totale avec les technologies web
Quand les templates et les éditeurs ne suffisent plus, HTML5 Custom Code vous offre une liberté créative sans limites. Écrivez du HTML, du CSS et du JavaScript qui s'exécutent nativement dans le moteur de navigateur du lecteur de signage. Accédez à des données en temps réel via des API, créez des expériences tactiles interactives et concevez des animations impossibles à réaliser avec des outils de glisser-déposer.
Ce que vous pouvez faire avec HTML5 natif.
Trois fonctionnalités qui rendent cette intégration indispensable pour votre réseau d'affichage dynamique.
Éditeur de code intégré
Rédigez et testez votre contenu HTML5 directement dans le tableau de bord Hangar.Media grâce à l'éditeur de code intégré, avec coloration syntaxique, auto-complétion et prévisualisation en direct. Visualisez vos modifications en temps réel avant la publication.
Codez, prévisualisez, publiez — tout en un seul endroit.
Coloration syntaxique pour HTML, CSS et JS
Panneau de prévisualisation en direct
Extraits de code et modèles prêts à l'emploi
Données dynamiques via les API de la plateforme
Votre contenu HTML5 personnalisé peut accéder aux API de la plateforme Hangar.Media pour récupérer des données en direct telles que la localisation de l'écran, la playlist en cours, les fuseaux horaires et des flux de données personnalisés. Créez des contenus qui s'adaptent en fonction du lieu et du moment où ils s'affichent.
Un contenu qui sait où il se trouve.
Métadonnées d'écran et données de localisation
Intégration de flux de données personnalisés
Personnalisation du contenu en temps réel
Importez des applications web complètes
Packagez votre contenu HTML5 sous forme de fichier ZIP incluant toutes les ressources et importez-le dans Hangar.Media. La plateforme héberge et diffuse votre application web sur le lecteur de signage, avec prise en charge des projets multi-fichiers complexes.
De votre IDE à vos écrans.
Import de packages ZIP avec regroupement des ressources
Prise en charge des CDN externes et des bibliothèques tierces
Packaging de contenu compatible hors ligne
Quatre étapes vers écrans connectés.
De la configuration au contenu en direct en quelques minutes, pas en jours.
Écrivez votre code
Créez votre contenu HTML5 à l'aide de l'éditeur de code intégré ou de votre environnement de développement habituel.
Prévisualisez et testez
Prévisualisez votre contenu dans le tableau de bord en pleine résolution écran et testez l'interactivité ainsi que les connexions aux données.
Importez ou enregistrez
Enregistrez votre code dans l'éditeur ou importez un fichier ZIP contenant l'ensemble des fichiers HTML, CSS, JS et ressources associées.
Publiez sur vos écrans
Ajoutez votre contenu HTML5 personnalisé à des playlists et publiez-le sur vos écrans comme n'importe quel autre type de contenu.
Conçu pour chaque secteur.
Découvrez comment différents secteurs utilisent cette intégration pour obtenir des résultats.
Tableaux de bord de trading personnalisés
Créez des tableaux de bord de données financières et de cours boursiers en temps réel grâce à HTML5 et aux connexions WebSocket, pour les salles de marché.
EntrepriseAnnuaires d'entreprise interactifs
Concevez des annuaires d'entreprise tactiles personnalisés avec plans d'étages, recherche de collaborateurs et guidage, en HTML5 et JavaScript.
CommerceConfigurateurs de produits interactifs
Développez des outils de configuration de produits tactiles permettant aux clients de personnaliser leurs achats et de visualiser les tarifs sur les écrans en magasin.
PublicAffichages de visualisation de données
Créez des tableaux de bord de visualisation de données personnalisés pour les écrans d'information publics, affichant données de transport, indicateurs environnementaux et métriques urbaines.
Questions fréquentes. Réponses directes : réponses.
Quels navigateurs et moteurs sont pris en charge sur les lecteurs de signage ?
Les lecteurs de signage Hangar.Media utilisent des moteurs de rendu basés sur Chromium, compatibles avec HTML5, CSS3 et ES6 JavaScript. L'environnement est équivalent à une version récente de Google Chrome.
Mon contenu HTML5 peut-il effectuer des appels vers des API externes ?
Oui. Votre code personnalisé peut effectuer des requêtes HTTP vers des API externes via fetch ou XMLHttpRequest. Assurez-vous que vos points de terminaison API prennent en charge le CORS si vous chargez des données depuis des services tiers.
Existe-t-il une limite de taille pour les packages HTML5 ?
Les packages de contenu HTML5 individuels peuvent atteindre jusqu'à 100 Mo. Pour les applications plus volumineuses avec de nombreux fichiers multimédias, envisagez de charger vos ressources depuis des CDN externes afin de réduire la taille du package.
Puis-je utiliser des frameworks JavaScript comme React ou Vue ?
Oui. Vous pouvez utiliser n'importe quel framework ou bibliothèque JavaScript fonctionnant dans un navigateur. Développez votre application avec React, Vue, Angular ou Svelte, compilez-la et importez le build de production sous forme de package ZIP.
Un seul tarif. La plateforme complète.
C'est ainsi que nous pensons que l'affichage dynamique devrait fonctionner. Éditeur de contenu, gestion des écrans et plus de 200 intégrations d'applications — tout inclus dès le premier jour.