Widgets : configuration des couleurs

Précédent Suivant

La documentation principale pour les développeurs de widgets d'écoute est disponible ici.

Lors de la configuration des widgets du lecteur Triton Digital, vous pouvez modifier certaines des couleurs qui apparaissent dans le widget Audio en direct et le widget Historique du morceau. Ces couleurs sont configurées en ajoutant (ou en modifiant) les paramètres de couleur qui composent les attributs du widget, comme expliqué dans la documentation des développeurs.

Cet article vous montre quels éléments d'affichage sont contrôlés par les différents paramètres de couleur.

Les couleurs ci-dessous sont à titre indicatif seulement. Triton Digital vous recommande d’utiliser des couleurs qui correspondent à l’image de marque de votre station ou au thème du site Web, ou du moins qui soient plus agréables à l’œil que celles présentées ici.

Paramètres de couleur du widget Audio en direct

La configuration du widget Audio en direct comprend trois paramètres de couleur :

  • primarycolor  S’applique au texte visible (titre du morceau et de l’artiste), à l’icône de volume et à une partie de la barre de défilement du volume, ainsi qu’aux commandes du lecteur (visibles uniquement au survol).

  • secondarycolor S’applique à l’arrière-plan de l’écran du lecteur.

  • highlightcolor S'applique au bouton « Acheter » (s’il est visible) et à la barre du volume.

Les images ci-dessous vous montrent comment ces paramètres de couleur apparaissent dans les différents types de widget Audio en direct :

Lecteur classique

Mini lecteur

Lecteur sur barre de son

Lecteur vertical

Paramètres de couleur de l'Historique du morceau

La configuration du widget Historique du morceau comprend les trois mêmes paramètres de couleur que le widget Audio en direct, plus un autre :

  • primarycolor S’applique au texte visible (titre de la chanson et de l’artiste, étiquette « Récemment écouté ») et aux barres de séparation horizontales.

  • secondarycolor S’applique à l’arrière-plan du panneau.

  • highlightcolor S’applique au bouton « Acheter ».

  • headerbgcolor S’applique à l’arrière-plan de l’en-tête du panneau.

L'image ci-dessous vous montre comment ces paramètres de couleur apparaissent dans le widget Historique du morceau :

Widget d'historique des morceaux