Forum Discussion
Changing the colour of the closed captions font and the background?
Hello!
I am playing around with the closed caption feature and try to make it work with our corporate colours.
Is there a way to alter the colors of the background and the fonts of the closed ca...
Hello Everyone!
I'm happy to share that we have released Storyline 360 version 86 (Build 3.86.32028.0).
Included in this release we have two new features:
- Position captions at the top or bottom of the slide to ensure closed caption visibility and prevent the obstruction of critical course content.
- Customize the foreground and background colors of closed captions to complement your course design and maintain contrast accessibility.
All you need to do is update Storyline 360 in your Articulate 360 desktop app on your computer. You'll find our step-by-step instructions here.
Please let us know if you have any questions by reaching out to our Support Engineers directly.
Have a great day!
can anyone here advise on the re-positioning of cc subtitles using javascript? I intend to move the subtitles position up and right with adjustable px.
Hi Tan,
I can describe the concept but I don't have code to share. I looked into repositioning for speaker identification, and/or the occasional move to prevent obscuring content—these are the officially sanctioned reasons for moving them, according to the DCMP. The VTT subtitle specs allow for styling and positioning, but doesn't appear to be fully implemented in AS360.
https:// developer.mozilla.org/en-US/docs/Web/API/WebVTT_API (remove the space to make that link work)
…when I tried all that some years and several builds ago I think it printed the commands as part of captions. Fully implemented VTT would potentially answer all the questions in this thread, I think.I'd probably use jQuery, which is best added in either a master slide or story.html (you can add CSS that way too). I'd try to identify a unique property of the caption div, which my investigation showed is already using absolute positioning. I'd personally aim to create an imaginary 9-square grid and use % rather than px to achieve top, middle, bottom rows and left centre right columns. CSS supports top: Nu, right: Nu, bottom: Nu, and left: Nu, where N is a number and u is the unit.
I abandoned my attempt because I didn't have an authentic need in the project I was working on at the time or since, which have all been single off-screen narrator beginning to end. I'm doing some prototypes now, with animated characters, but I've been doing them as embedded MP4s with open captions (always on) instead of closed. I can build those in Vegas with a choice of subtitle formats that do the trick. AS360 triggers can overlay the video and pause the media etc.
