CaptionBBCodes

La fonctionnalité CaptionBBCodes vous permet d'utiliser des « BB codes » dans le texte même des sous-titres des vidéos et audios importés dans Storyline.

L'utilisation de BB codes permet de contrôler certains comportement de sous-titres, indépendamment des autres et ajoute de nouvelles possibilités de storytelling à vos projets.

Présentation

Les BB Codes, également connus sous le nom de « Bulletin Board Codes » ou BBCodes, sont des balises de formatage utilisées pour styliser le contenu sur les forums en ligne, les chats et d'autres plates-formes de discussion sur Internet. Ils offrent aux utilisateurs une manière conviviale de personnaliser l'apparence de leur contenu sans avoir à manipuler directement le code source.

Cette section expliquera leurs syntaxes et leur utilisation pratique dans les interactions avec les sous-titres.

Utilisation

Les BB codes interprétés par la fonctionnalité CaptionBBCodes sont des chaîne de caractères composées d'instructions. Ces instructions doivent respecter une syntaxe spécifique pour être interprétées :

  • Les BB codes commencent et finissent par des crochets [ et ] entre lesquels sont inscrites les instructions.

  • Les BB codes n'utilisent pas de nom et n'ont pas d'élément fermant.
    Ex : [BBCode]lorem ipsum[/BBCode].

  • Chaque instruction est séparée par la barre verticale | (Alt Gr + 6).

  • Chaque instruction est précédée d'un caractère spécifique qui indique au processeur de transformation de texte quelle action faire :

    • @ : directive visuelle
    • # : directive spatiale
    • ! : directive déclencheurs
    • . : directive temporelle

Roadmap


La fonctionnalité est en cours de réécriture complète.
Seule la directive @ est pour l'instant utilisable.

Restez à l'écoute de nos prochaines mises à jour.

Changement d'aspect visuel

Utiliser un BB code pour changer l'aspect visuel d'un sous-titre implique d'avoir créé un style en amont.

À l'aide de la méthode CustomCSS.newRule, créons plusieurs styles class dont les noms seront réutilisés dans les BB codes.

Définition CSS
CustomCSS.newRule(`
    .vendeur { color: blue; }
    .client { color: red; }
`);

Puis, plaçons les BB codes en début de sous-titres.

Sous-titres
// sous-titre 1
[@vendeur]Lorem ipsum

// sous-titre 2
[@client]Lorem ipsum