Contenu HTML5

Contenu HTML5

Broadsign prend en charge l'affichage de contenu HTML5 dynamique sur Broadsign Control Player. Pour activer ce contenu, nous fournissons quelques outils et configurations :

  • Chrome
  • Variables JavaScript
  • Effets de transparence
  • Mise en cache du contenu

Navigateur Chromium

Que vous utilisiez un système d'exploitation Windows ou Linux, Broadsign Control inclut un navigateur Chromium intégré. Chromium vous permet d'utiliser du contenu HTML5 dans Produits Broadsign Control.

Note : À partir de Broadsign Control v15.4, nous prenons en charge Chromium version 87+ (avec des correctifs de sécurité jusqu'à la version 94).

Note : À partir de Broadsign Control v11.1, Chromium ne fonctionnera pas sur WinXP (bien qu'il fonctionnera sur v11.0 et versions antérieures). Si vous essayez d'utiliser Chromium sur WinXP ( Broadsign Control v11.1+), vous recevrez le message d'erreur suivant : « [2018-08-01T15:29:51](message) Frame [YourFrameID]. Could not play ad copy id [YourAdCopyID]. Could not find an appropriate codec."

Produits Broadsign Control peut exécuter du contenu qui extrait des variables et personnaliser les comportements à la volée.

Lors de l'affichage de contenu HTML5, vous pouvez extraire des variables JavaScript au niveau des copies publicitaires, des unités d'affichage ou des lecteurs.

Pour plus d'informations, voir Variables de contenu.

Vous pouvez rendre le contenu HTML5 semi-opaque ou complètement transparent.

La transparence fournira des effets similaires à l'image suivante :

Pour plus de détails sur la configuration système requise et la configuration Broadsign Control Administrator, voir Transparence.

Vous pouvez télécharger des packages HTML5 comme des vidéos. Les packages HTML5 peuvent être prévisualisés et approuvés pour remporter des enchères, tout comme les vidéos.

La fonction de surveillance du disque de Broadsign Control Player traitera les packages HTML5 livrés par Broadsign Reach avec la même atomicité que dans Broadsign Control.

Si le lecteur n'a pas le temps de télécharger et de décompresser le package HTML5 avant que l'emplacement publicitaire ne doive être lu, l'emplacement est ignoré.

Broadsign Control Player acceptera un « asset_url » dans la réponse à l'annonce qui pointe vers un « .x-html-package ».

Broadsign Control Player acceptera un mime de « application/x-html-package » dans la réponse à l'annonce.

Le navigateur Chromium utilise notre mécanisme de mise en cache Chromium.

Par conséquent, s'il n'y a pas de connexion réseau, ou si le document prend quelques secondes à se charger complètement et que vous ne voulez pas que les clients voient une page incomplète à l'écran, Broadsign Control Player utilisera le contenu du cache.

Pour plus d'informations, voir HTML Content.

Note : Si votre package HTML contient une vidéo qui doit démarrer lorsque la copie publicitaire est affichée à l'écran, utilisez la fonction BroadSignPlay(). Cette fonction est appelée au moment même où la copie publicitaire est affichée à l'écran, vous permettant de pré-mettre en mémoire tampon le contenu et de contrôler son heure de début. Pour plus d'informations, voir BroadSignPlay().

Vous pouvez récupérer des données sur Internet en utilisant votre package HTML de deux manières :

  • Directement, comme l’affichage d’une vidéo.
  • Indirectement, par exemple en récupérant des informations via une API pour ensuite décider ce qu'il faut afficher à l'écran.

L'origine d'un fichier HTML exécuté en dehors d'un serveur Web est « file:// ». Par défaut, de nombreux serveurs empêcheront l'exécution des requêtes provenant de cette origine, dans le cadre d'un processus continu visant à empêcher les attaques XSS (cross-site scripting).

Si vous gérez le serveur distant vers lequel pointe votre fichier HTML, assurez-vous que l'en-tête Access-Control-Allow-Origin est défini sur « * ». Cela permettra à l'origine du demandeur d'être n'importe quoi. Cependant, cela peut introduire un risque de sécurité. Broadsign suggère d'ajouter des en-têtes personnalisés dans votre demande qui permettront au serveur distant d'authentifier le demandeur comme légitime. L'en-tête personnalisé peut être un jeton que le serveur distant vérifiera et acceptera ou refusera la connexion.

Si votre copie publicitaire de redirection Web génère une erreur HTTP (qu'elle soit du côté du client ( 4xx ) ou du côté du serveur ( 5xx )), le lecteur passera à l'élément suivant dans la boucle. Ignorer le contenu garantit qu'aucun message d'erreur ni écran noir n'apparaît sur vos moniteurs.

Si rien n'est dessiné sur l'écran au moment de la lecture, même si le fichier HTML n'est pas vide, la copie publicitaire est supprimée.

Pour plus d'informations, voir Erreurs et incidents HTTP.

Pour des raisons de sécurité, le lecteur HTML ne reçoit pas le focus par défaut. Par conséquent, si la page HTML5 nécessite une entrée au clavier, les frappes n'atteignent pas la page à moins que la page HTML n'appelle la fonction JavaScript BroadSignObject.requestFocus();.

Lors de l'appel de cette fonction, la page HTML récupère le focus du lecteur et toute frappe de touche est ensuite envoyée à la page HTML.

Nous vous recommandons de ne pas appeler la fonction requestFocus() avant l'affichage de la page HTML. Pour garantir que la fonction est appelée à ce stade, placez l'appel à l'intérieur de la fonction BroadSignPlay().

Copier 
function BroadSignPlay(){
    BroadSignObject.requestFocus();
}

BroadSignPlay() est appelé uniquement lorsque la page HTML est affichée à l'écran, donc les frappes au clavier sont envoyées à la page uniquement à partir de ce moment.