C
losed Caption Creator


USER GUIDE | Version 1.6.2

Release Date: 03/15/19 | Web & Desktop







Preface        5

UI Components        6

Login/Sign-up Screen*        7

Welcome Modal*        8

Application View        9

Toolbar        10

Transport Controls        10

Caption Form        12

Multi-Select Option        13

Translation/Multi-Language Mode        14

Timeline        14

Player        15

Supported Formats        16

Video & Audio        16

Caption & Subtitles        17

Transcripts & Plaintext        18

Features        18

Project Creation        19

Caption Import        21

Video/Audio Import        22

Plain Text Import        23

Project Import        24

Save Project        26

Load/Import Project        28

Project Collaboration*        29

Remove Blank Lines        30

Fix Line Length        30

Fix Ordering        31

Fix Overlap        31

Custom Shortcut Keys        32

Options        34

Workspace Views        35

Uppercase All        35

Bold All        35

Event Position        36

Style Events (Pop-on, Roll-up, Paint-on)        37

Timecode Offset        37

Loop Mode        38

Translation Mode        40

Insert Menu        43

The Timeline        43

Search and Replace        45

Spell Check**        47

Multi-Select        47

Alignment & Positioning Controls        48

Playback Rate        52

Caption Pages        53

Add New Event        55

Delete Event        55

Move Event        55

Split Event        56

Event Styling        56

Event Timecodes        56

Event Text        57

Event Details        57


Preface

Closed Caption Creator is used as an editor to work with closed caption and subtitle files. If this is your first introduction Closed Caption Creator - welcome! We recommend using this guide to become familiar with the common UI components to help you improve your workflow. This guide can also be used as a reference when learning new workflows and tasks within Closed Caption Creator.

Closed Caption Creator was developed to help users produce accessible content to reach a wider audience. This document applies to both the desktop/offline as well as the web/online version of Closed Caption Creator. Please pay special attention to footnotes in case there is a feature only applicable to one version.  If at any time you have issues please contact support@closedcaptioncreator.com for help. If you find discrepancies between this guide and the application please contact us so that we may correct the error. Finally, ensure that the version of this document matches the version of your software. The document version can be found on the front cover page.  

UI Components

Closed Caption Creator is developed using the popular Vue JS component framework. What this means is that our developers build each component individually and connect them together to bring the functionality in Closed Caption Creator. From a user standpoint this does not mean very much - but it does help understand the way we’ve decided to design this guide. This section will go through each UI component. The following section will speak more to the functionality of each component.

 

Login/Sign-up Screen*

The login and sign-up form can be used to create a new account or to login to an existing CC Creator account*

Welcome Modal*

The Welcome Modal will display saved projects in the most recent order along with two action buttons to create a new project or view the online training page.*

Application View

The application view is made up of four root components.

  1. Toolbar
  2. Player
  3. Caption Form
  4. Timeline

Toolbar

The main toolbar contains two additional UI components: Navigation, and Transport. The navigation component is made up of the different dropdown menus. We go into more details regarding each dropdown function in the Features section of this document.

Transport Controls


The transport controls give users direct access to video controls and menu shortcuts

  1. Alignment Controls - Automatically adjust the alignment of the selected caption event
  2. Playback Rate (Quick Access) - View the current playback rate and open the Options menu to the Playback rate control.
  3. Project Framerate (Quick Access) - View the current project framerate and open the Options menu to the project framerate controls.
  4. Caption Line Selection - Select the previous or next caption event as defined by a transparent yellow background.
  5. Go to start
  6. Play/Pause video
  7. Fast Forward - Update playback rate to X4 if possible
  8. Go to end
  9. Current Time Display - Displays the current time and total video duration
  10. Loop Mode Toggle - Enable and disable loop mode
  11. Collaboration Mode* - Enable and disable collaboration mode
  12. Search and Replace Toggle - View/Hide Search Component
  13. Fix Ordering - Reorder caption events by incode
  14. Mark Incode - Set the incode of the selected caption event

Caption Form

The caption form is made up of one or more caption events. Each caption event has its owns controls, timecode, and event text.

  1. Caption event
  2. Add new caption event
  3. Remove caption event
  4. Replace event text with the event above or below
  5. Split Caption Event - Split long caption events into two equal events retaining total duration.
  6. Caption Event Position
  7. Caption Event Style
  8. Caption Event In and Outcode
  9. Caption Event Text
  10. Caption Event ID
  11. Caption Event Warning - Notifies user of potential issues and provides an automated fix
  12. Words-per-minute display
  13. Caption Event Page Pagination
  14. Selected Caption Event - The selected caption event is highlighted in yellow

Multi-Select Option


The multi-select option will display only when the multi-select mode is activated from the Toolbar menu or Transport control.

Translation/Multi-Language Mode


Once the multi-language mode is enabled from the transport controls - the caption events will update with the secondary language text input (background is in yellow)

Timeline


The Timeline component contains a number of child components including Timeline events, and the playhead. The Timeline can be a great tool when it comes to navigating a project.

  1. Project Title Metadata
  2. Timeline Event
  3. Timeline Ruler
  4. Audio Waveform
  5. Timeline Zoom Controls

Player

The Video player will change depending on the source video location (e.g. YouTube, Vimeo, Facebook, Local, etc.)

  1. Video Player Window
  2. Live Caption Preview
  3. Caption Review Form

Supported Formats

Closed Caption Creator has support for both local and 3rd party player content. This means a user’s content can exist on their local hard drive, online account (YouTube, Vimeo, or Facebook), or cloud storage system (e.g. Amazon S3).

 

Video & Audio

Codec/Platform

Type

YouTube

Audio/Video

Vimeo

Audio/Video

Facebook

Audio/Video

H.264/AAC/MP3 (Mp4 Container)

Audio/Video

VP8/Vorbis/Opus (WebM Container)

Audio/Video

VP9/Vorbis/Opus (WebM Container)

Audio/Video

Theora/Vorbis (Ogg Container)

Audio/Video

FLAC (FLAC, Ogg, or MP4 Container)

Audio

MP3

Audio

Wave PCM (WAV Container)

Audio

Caption & Subtitles

File Format

Import

Export

SCC

MCC

SRT

WebVTT

SBV/SUB

Avid DS

PAC

x

CAP

x

XML/TTML

EBU-STL

Transcripts & Plaintext

File Format

Import

Export

DocX

x

TXT

Features

Project Creation

Closed Caption Creator allows users to create projects using the File -> New Project option found in the Toolbar. This will display the New Project Modal. To create a new project fill out the Project Modal form and click the Create action button.


New Project Modal allows users to create new projects

  1. Project title - New projects require a title that can be used for file export and saving
  2. Project framerate - The project framerate is used to calculate all timecodes within a project and should match the source video content
  3. Project incode - The project incode is optional but should reflect timecode of the first frame of video
  4. Video Source Control - Users may select the location source of their video file
  5. File source input - This value may either be a URL or file input depending on the Video Source
  6. Waveform Generation Option - This option is only available for locally sourced videos
  7. Create Action Button

Caption Import

Closed Caption Creator allows users to import pre-existing caption and subtitle files (see Format Support for details). Caption files may be imported via the File -> Import -> Caption File option from the dropdown menu in the Toolbar. This action will display the Caption Import Modal.


Caption Import Modal

From the Caption Import Modal, a user is able to define the source (Cloud, or Local) and input the caption file path. The file path may either be a URL from an S3 bucket or a file path from the users local disk.

Video/Audio Import

Users may import video into an existing project using the Video Import Modal. To access the Video Import Modal go to File -> Import -> Audio/Video File.

The Import Video Modal is able to import Audio and Video files into an existing project depending on format

The Import Video Modal offers the same options as the New Project Modal in that it allows the user to choose the video source and waveform generation for locally sourced videos.

Plain Text Import

Users are able to import a plain text/transcript file in the text format (UTF-8). This option can be accessed via the File -> Import -> Plain Text File option in the Toolbar.


Plain Text Import Modal

The plain text importer will attempt to assign timecodes to each caption event it creates based on the average Words-Per-Second (WPS) value that is provided. The default value is set to two which is the average words per seconds spoken by a person. The importer also accepts options to specify whether to treat each line of text as a single caption event or combine text lines to form caption events. This setting will depend on the formatting of your source text/transcript file.

Project Import

Even though you may be using the online version of Closed Caption Creator which saves project data to a secure cloud database* - you may require the option to import an offline CPRJ (Caption Project) file. You may access the Project Import Modal by going to File -> Import -> Project File.


Project Import Modal

Users must use the file input browser to select their CPRJ project file.

Save Project

Users may choose to save their projects to the secure cloud database* or to an offline location. In order to save your project online* please use the File -> Save Project option from the Toolbar. This will open the Save Project Modal that offers 10 project slots to save to (empty or blank project slots will be marked by the *Empty title).


Online Save Project Modal

If you are using the desktop version of Closed Caption Creator the Save Project feature will open your finder (Mac) or explorer (Windows) window to choose a destination folder. If you wish to save an offline version of your project while using the online version of Closed Caption Creator please use the File -> Export -> Project File from the top Toolbar. Offline project files can be imported into both the online and offline versions of Closed Caption Creator.

Load/Import Project

Project files may be imported or loaded via the secure cloud database* or from a user’s local disk. A user’s saved projects can be accessed via File -> Load Project*.

 
Load Project Modal

When importing an offline project file (.CPRJ) please use the File -> Import -> Project File option from the top Toolbar. This will allow a user to import/load a project from their local hard drive.

Project Collaboration*

Project Collaboration and sharing may be enabled via the collaboration icon in the Transport control.

Collaboration Toggle

The Collaboration toggle will trigger the Collaboration Modal.


Collaboration Modal

The Collaboration Modal offers the option to enable the sharing of a project. This allows a user to choose to share a project for review but not edit. This functionality is only available online due to the dependency of the secure cloud database.*


Remove Blank Lines

Many caption files import with empty events. This may be due to non-compatible metadata or bad caption data. The remove blank line option will automatically remove any caption event missing caption text. This function is accessible via the Edit -> Remove Blank Lines option.


Edit menu showing the Remove Blank Line option

Fix Line Length

Automatically correct for line lengths exceeding 32 characters. The purpose of this feature is to help conform to caption regulations especially when exporting to SCC. The SCC format does not allow for lines to exceed 32 characters due to the grid required for display.

Fix Ordering

There may be times when your caption events are out of order by incode. This feature will automatically order your caption events.

Fix Overlap

Some caption files may import with overlapping caption events - meaning that caption events are overlaid and decoders are unable to properly display them. This function will automatically correct for this issue.

Custom Shortcut Keys

Users may customize their own shortcut keys using the Shortcut Key Modal. Users must select the input box and type the key-command they wish to use for the designated command.

Special Notes: The majority of the shortcuts available were based upon user requests. If you think there is a shortcut missing from the list please feel free to contact us and we would love to have it added.

Shortcut Key Modal

Options

The Options Modal can be accessed via the Edit -> Options menu from the Toolbar.


Options Modal

The Options menu is made up of five sections - 1. General 2. Metadata 3. Loop Mode 4. Position and 5. Timing & Duration. Each section offers its own configuration discussed in other sections.

Workspace Views

The workspace views offer different layouts depending on the required functionality. The default view is the Create View which allows users view all UI components. The Review View displays the Player without the Caption Form. The Edit View displays the Caption Form and Caption Events without the player.

Special Note: Have an idea for a custom layout? Let us know so that we can have it added to our workspace views menu.

Uppercase All

Certain caption formats (e.g. SCC) require text to be uppercased. This can be done using the Format -> Uppercase function from the Toolbar.

Bold All

Certain caption format (e.g. SCC) require text to be bolded. This can be done using the Format -> Bold function from the Toolbar.

Event Position

Caption Events may be automatically positioned using the Format -> Position -> {Position} Toolbar option. This will accelerate your caption workflow when trying to position captions. Using this with multi-select mode may help to improve workflow.

Positioning can also be assigned using the Caption Event controls.







Global positioning can be assigned from the Format menu

Style Events (Pop-on, Roll-up, Paint-on)

Caption styles may be applied to specific events. Please note that event styling is currently only supported when exporting to MCC and SCC file formats. Caption styles are limited to Pop-On, Roll-Up, and Paint-On.

Timecode Offset

Users may need to offset the timecode of all caption events by a specific amount. Access the Timecode Offset Modal by going to Timecode -> Timecode Offset.

Timecode Offset Modal

Users may choose to add or subtract a timecode amount and can even specify a caption event ID to begin from. Remember the Event ID can be found to the right of each caption event inside of the caption form.

Loop Mode

Loop mode may be activated via the transport controls or the Tools -> Loop Mode option from the Toolbar.

Loop mode can be used to make captioning a piece of content easier. It will automatically repeat the same segment of video until a new caption event is created. Loop Mode options can be updated via the Option Modal.  

Options Modal showing the Loop mode options

Translation Mode

Translation mode allows users to add an additional language to the same caption project without having to create a new project and importing timecode data.

Each translation will have the same timecode data as the linked caption event but will allow for new positioning and styling to be assigned. In order to export the translation text please select it from the source dropdown in the Export Modal (File -> Export -> Caption File).

Export Modal showing the source content dropdown

Insert Menu

The insert menu gives users an easy way to insert common caption symbols. Users may insert new caption events, music symbols, and full blocks to the currently selected caption event.

The Timeline

  1. Timeline Event
  2. Timeline Ruler
  3. Event Handle(s)
  4. Caption Text Preview

The Timeline can be used to navigate a caption project as well as  update caption event timing. Each caption event will be displayed as a Timeline Event (1) with three Event Handles. Each side Event Handle is draggable to adjust the in and out codes of an event. The top event handle is hidden until the user’s mouse hovers over the top of the caption event. The top handle will allow the users to move the entire caption event along the timeline. Finally clicking a Timeline Event will update the current time to the incode of the event.  

Special Notes: The Timeline can be resource intensive on your system so it can be hidden in order to improve UI responsiveness. This is something the development team is working on to improve.

Search and Replace

The search and replace tool can be accessed via the Toolbar (Tools -> Search/Replace) or Transport component.

Users can access the Search and Replace tool via the toolbar or transport controls.


Search and Replace Tool

Search and replace allows users to search for specific keywords and easily find them within their project. Search parameters may be set to search using case sensitivity. Additionally a user may wish to search by warning/error type.

Spell Check**

The Spell check tool is only available in the desktop version of Closed Caption Creator and can be accessed via the Toolbar (Tools ->  Spell Checker).

Spellcheck will run until an error is found - at which point it will stop and give the option to replace the result or ignore it. When clicking replace without first selecting a replacement choice - it will use the first result by default.

 


The language control is hidden. To reveal the language options please click the green arrow control.

Multi-Select

Multi-select can be used to select specific caption events in order to make global actions (e.g. Uppercase All, Bold All, etc.) apply to a specific selection. When multi-select mode is enabled it will also offer the option to invert a user’s selection.

Multi-select mode showing a single selected event

Alignment & Positioning Controls

The majority of caption formats do not support alignment or positioning. SRT files will always display caption events at the bottom center of the screen. However, other caption file formats do support position and alignment. SCC and MCC files are examples of these. Closed Caption Creator offers a number of ways to align and position caption events.

If you are creating closed captioning from scratch and wish to change the default caption position please use the Options Modal to update the default position.

The default position control is available under the Editor tab within the Options Modal

In order to update the position of a specific caption event users may use the position input available for each caption event.

If you wish to update caption positioning of all events you may choose to use the position action found in the Toolbar (Format -> Position -> {Position}). This will update the alignment and position of all caption events.

A user may wish to update the alignment of a caption event by selecting it (so that it is highlighted in yellow) and using the alignment controls in the Transport component.

Special Note: During export it may be possible that the exporter overwrites the input positioning in order to conform to a specific format.

In version 1.6.2 of Closed Caption Creator we’ve introduced the option to click n’ drag support to the Player component in order to adjust event positioning.

Playback Rate

Users may wish to change the playback rate/speed in order to review a caption project or to slow down playback while inputting text. This can be done by cycling through the different rate options in the transport component or by using the shortcut keys.

Caption Pages

Caption pages were added to improve the overall performance of Closed Caption Creator. Each caption page contain ten caption events. The total number of caption pages is shown using the pagination control near the bottom of the caption form.

Add New Event

In order to create a new caption event a user may either use the defined shortcut or the action button found on each caption event.

New events will inherit certain properties from the previous event (e.g. incode).

Delete Event

Caption events can only be deleted from the action button found on each caption event.

Move Event

It is possible to move a caption event either up or down using the action button found on each caption event.

Split Event

Users may choose to split a caption event into two separate events depending on the length. This can be done using the action button found on each caption event. The total duration of each event will equal that of the original event.

Event Styling

Caption styling can be applied per caption event using the styling dropdown found on each caption event. This styling information is only available in SCC, and MCC export files.

Event Timecodes

Event timecodes mark the in and out point for when a caption event is to be displayed to the screen. The timecodes are shown for each caption event. The clock icons to the left of each timecode input will allow a user to quickly update the in/outcode of an event. Though this may be a slow process. The fastest method to input timecodes is to use the shortcut keys during playback.

Event Text

Event text is the caption text which is displayed to the screen during playback.  Event text should have a maximum number of 3 lines with a limit of 32 characters each (including spaces).

Event Details

The event details provide metadata regarding each caption event including the Event ID, warnings, and words-per-minute (WPM) value. This is helpful when crafting captions that require a specific WPM value (e.g. educational captioning). The error buttons are displayed when caption lines exceed 32 characters. By clicking the warnings they will automatically attempt to fix the issue.

*Closed Caption Creator Online (Web) Only
**Closed Caption Creator Desktop (Offline) Only