To open a previous edited Closed_Captions.html - click 'Open File or template'.
Important: Save file edited before closing or refreshing browser window.
Closed Captions Editor : copyright ©
Open File or template
File Save Disabled
Slide Number delete up to row or insert this many for insert only

slide: 1

Closed Captions editor. Column 2

  • Second column is for English closed captions.
  • This column is editable.
  • Only paste unformatted plain-text.
  • Right-click to copy, paste and undo.

Closed Captions editor. Column 3

  • The third column is for translations.
  • This column is also editable.
  • Leave blank if a second language if not required.
slide: 2

The menu bar buttons.

Double click column(1) to enable row editor (turns yellow).
Double click again to renumber moved rows.
  • Row Up in Edit mode (yellow) click to move the row up.
  • Row Down in Edit mode (yellow) click to move the row down.
  • Insert or Remove Row to add or delete rows.
  • Open File or template start a new closed_captions html page
    or open an existing ( default name: closed_captions.html )
    or template ( templates/CCtemplate.html ).
  • File Save Saves the current open file.

You cannot save this homepage. Open the CCtemplate.html to start.

Getting started using the Template file:

CCtemplate.html: use this file to start a new html Closed_Captions page.

CCtemplate.html has a table will 100 rows predefined. Do not alter the table format in another editor and never overwrite it. It has been set as read only.

The CCtemplate.html has a single table with the id="mainTable" and 3 columns. The program inserts this table into the closed_caption file when saved.

You do not have to delete extra rows if not used. The program uses the row index to display the closed captions in Storyline and hides all other rows.

slide: 3

Very Important to know:

This is a browser: Do not close the program or refresh the page until you save your work.

You must save your file in another folder before closing or you will lost all your edits. All your edits are stored in the browser's DOM memory.

Bottom line: save often as this is not a word editor.

Never, never, ever use Word to format your final html page. Word and some html editors add tons of unwanted formatting and styling code when saving and pasting. This will ruin your work.

A text formatting toolbar is not available at this time. If you need to add bullets, etc. save your page then use a third-party HTML editor for additional formatting.

Microsoft Expreesions Web 4 is available for free.

Additional tools in template folder

ppt2010.bas: a PowerPoint 2010 macro to extract the notes and build the Closes_captions.html in the correct three column table.

The PPT Notes are inserted in the second (2) English column only.

This script was taken from the internet and altered by me to build the required table.

I only have PowerPoint 2010 so you may need someone to change macro calls for later versions.

Inserting the Closed_caption.html inside Storyline:

  • CCstoryline1.story ( in templates folder )

Use this file to start a closed captions web page for Storyline.

The Master Slide has a CC layer where a Web Object is inserted. You place your saved Closed_Captions file in the Web Object.

  1. You must define a TEXT Variable called "pagenum" ( lowercase ).
  2. Insert a trigger ( adjust variable ) on each slide to the page number.
  3. language variable is required - default: EN You can changing the language variable to anything to have the translation column appear. e.g. FR, Trans, CAT.

Before publishing in Storyline:

Storyline Quirk: You must rename the folder you put the Closed_Caption.html into and also reload the web object on the master page with the renamed folder.

Right click the 'Web Object > edit' and change to the new folder name. You must do this before you publish in Storyline or the original file will display.

The webobject folder contains the Closed_caption.html file used in the sample CCStoryline.story file.

Closed Captions Editor for Storyline is a HTML5 editor that I built after having to constantly open and publish storyline projects requiring CC in one or two languages.

Most projects I work on have 50 slides or more. Everytime someone made a narration or closed caption change I had to find the slide then the closed captions textbox layer to make the edits. This process had to be repeated for the second storyline translation version.

Close Caption editor builds a single HTML page to display CC in one or two languages.

You need IE11 installed in Windows to run the editor. The outputed HTML will display in any supported Storyline browser. (HTML5 in Chrome, Flash in others).

Note: Windows Edge Browser forgot to add Undo for its right-click context menu. This is why the program uses the MS WebBrowser control that falls back to IE11 engine which is included in Windows 10.

The only downside is the Storyline quirk that doesn't refresh the web object after editing content in it's folder. You must rename the folder you put the Closed_Caption.html into and also reload the web object on the master page with the renamed folder. However, I still saves hours now using this program.

Minimum requirements: Windows 8.1 or 10
Internet Explorer 10 or higher.