Configurer un modèle HTML5 pour Broadsign Publish

Cette page décrit la manière dont un administrateur peut configurer le modèle de message de Broadsign Publish.

Note : Pour tirer parti de la fonctionnalité des modèles de Broadsign Publish, vous devez disposer au minimum de la version 12.1 de Broadsign Control Player. Pour plus d'informations, consultez Broadsign Control Player dans la documentation de Broadsign Control.

Aperçu

Configurer un modèle HTML5

Un modèle est une simple page Web, un paquet HTML que vous pouvez fournir à vos utilisateurs locaux afin qu'ils puissent le personnaliser tout en s'assurant que le contenu convient à n'importe quel écran et respecte vos directives de marque.

Vous pouvez télécharger un exemple de fichier modèle.

Dans ce document, vous trouverez les sections suivantes :

Structure du paquet HTML : Vous devez fournir à Broadsign un paquet HTML ayant une structure de fichiers spécifique.
Configurer un modèle HTML5 pour Broadsign Publish : Configurez les paramètres que vos utilisateurs verront.
Configurer le modèle pour un choix de fichier audio à partir d'une liste : Modifiez un modèle afin que l'utilisateur final puisse choisir entre un nombre défini de fichiers audio dans un menu déroulant.
Configurer le modèle pour un nouveau choix de fichier audio : Modifiez un modèle afin que l'utilisateur final puisse choisir entre le fichier audio par défaut ou en télécharger / en choisir un nouveau dans sa bibliothèque.
Configurer le modèle pour les choix de style CSS :Modifiez un modèle afin que l'administrateur puisse configurer une liste de styles CSS et que l'utilisateur final puisse sélectionner un élément dans cette liste.
Configurer le modèle pour une liste personnalisée :Modifiez un modèle afin que l'administrateur puisse configurer une liste personnalisée et que l'utilisateur final puisse sélectionner un élément dans cette liste.
Configurer le modèle pour un nouveau choix d'image : Modifiez un modèle afin que l'utilisateur final puisse choisir entre l'image par défaut ou en télécharger / en choisir une nouvelle dans sa bibliothèque.
Configurer le modèle pour un choix d'image à partir d'une liste : Modifiez un modèle afin que l'utilisateur final puisse choisir entre un nombre défini d'images dans un menu déroulant.
Configurer le modèle pour un nouveau choix de fichier vidéo :Modifiez un modèle afin que l'utilisateur final puisse choisir entre la vidéo par défaut ou télécharger/choisir une nouvelle vidéo dans sa bibliothèque.
Utiliser BroadSignPlay() pour l'audio et la vidéo dans les modèles HTML5 : Ajoutez une fonction JavaScript à votre modèle pour vous assurer que toute animation démarre pendant la lecture, et non pendant la pré-mise en mémoire tampon, pour vos fichiers audio ou vidéo.

Note : Dans le package HTML, les fichiers autres que les fichiers HTML et JSON (par exemple, CSS, polices, etc.) relèvent de la seule responsabilité du développeur.

Structure du paquet HTML

Ci-dessous, nous vous suggérons une façon d’organiser les ressources dans votre paquet HTML5.

Note : Les fichiers index.html et params.json sont obligatoires et doivent se trouver à la racine du paquet.

Note : Les noms des fichiers et des chemins inclus dans le modèle HTML sont sensibles à la casse.

Copier

package
     |
     + - index.html
     + - params.json
     + - extra html1
     + - extra html2
     + - assets
     |        |
     |        + - css
     |        |        |
     |        |        + - css1
     |        |        + - css2
     |        + - fonts
     |        |        + - font1
     |        + - js
     |        |        |
     |        |        + - js_1_
     |
     + - images
     |         |
               + - image1
               _              + - _image2