CaptionBBCodes

The CaptionBBCode feature allows you to use "BB codes " in the caption text of videos and audios imported into Storyline.

The use of BB codes allows you to control certain caption behaviour independently of others and adds new storytelling possibilities to your projects.

Presentation

BB Codes, also known as "Bulletin Board Codes" or BBCodes, are formatting tags used to style content on online forums, chats and other Internet discussion platforms. They offer users a user-friendly way of customising the appearance of their content without having to directly manipulate the source code.

This section will explain their syntax and their practical use when interacting with captions.

How to use

The BB codes interpreted by the CaptionBBCodes feature are character strings made up of instructions. These instructions must follow a specific syntax in order to be interpreted:

• BB codes begin and end with square brackets [ and ] between which the instructions are written.

• BB codes do not use a name and have no closing element.
  Ex : [BBCode]lorem ipsum[/BBCode].

• Each instruction is separated by the vertical bar | (Alt Gr + 6).

• Each instruction is preceded by a specific character which tells the text transformation processor what action to take:

  • @ : visual directive
  • # : spatial directive
  • ! : triggers directive
  • . : temporal directive

Changing visual appearance

Using BB code to change the visual appearance of a subtitle means creating a style beforehand.

Using the CustomCSS.newRule method, we create several class styles whose names will be reused in the BB codes.

CSS definition

CustomCSS.newRule(`
    .vendeur { color: blue; }
    .client { color: red; }
`);

Then place the BB codes at the beginning of the captions.

Captions

// Caption 1
[@vendeur]Lorem ipsum

// Caption 2
[@client]Lorem ipsum