12
Subtitling Your Lecture: A Short Primer GORKY CRUZ ANDRES HIDALGO [email protected] [email protected]

Subtitling Your Lecture: A Short Primer. Subtitle formats

Embed Size (px)

Citation preview

Subtitling Your Lecture: A Short Primer

GORKY CRUZ ANDRES [email protected] [email protected]

Program

✔ Subtitling formats.✔ Using Amara to sync subtitles.✔ Embed subtitles with Submerge.✔ Q & A

, 01/07/2015
These formats are plain text, so you can edit with a regular text editor directly. Don't use word processors such as MS Word or Open Office.

Formats

✔ SubViewer (SBV) ✔ SubRip Text (SRT)✔ Web Video Text Track (WebVTT)✔ Sub Station Alpha (SSA)✔ DFXP (Distribution Format eXchange Profile)

SubViewer (SBV)Basic format. No special features.

0:00:00.000,0:00:02.610If you want to download the Ubuntu Linux

0:00:02.610,0:00:05.670just go to the Ubuntu website.

0:00:05.835,0:00:08.420Click Download Ubuntu.

http://en.wikipedia.org/wiki/SubViewer

, 01/07/2015
Hour:Minute:Second.Milisecond

SubViewer (SBV)

SubRip Text (SRT)✔ Every block of text has to be numbered.

✔ Supports some text customization :

✔ Bold.

✔ Italic.

✔ Underline.

✔ Font color.

100:00:00,000 --> 00:00:02,610If you want to download the Ubuntu Linux

200:00:02,610 --> 00:00:05,670just go to the <i>Ubuntu</i> website.

300:00:05,835 --> 00:00:08,420<font color=“#fcfca6”>Click <b>Download Ubuntu</b>.</font>

http://en.wikipedia.org/wiki/SubRip

, 01/07/2015
Little bit different from SBV :Milliseconds separator is comma instead of a point.Start and End are separated by an arrow.Formatting HTML Style usinng tags.

SubRip Text (SRT)

Web Video Text Track (WebVTT)✔ Developed to use with HTML5.

✔ Supports Cascade Style Sheets on separated files.

✔ Metadata support.

✔ Notes support.

http://dev.w3.org/html5/webvtt/

WEBVTTStyle:::cue (c.dream) {color:#fca6a6}##Kind: captions

00:00:00.000 --> 00:00:02.610If you want to download the <c.dream>Ubuntu Linux</c>

NOTECSS style defined in header

Sub Station Alpha (SSA)✔ Based on fields separated by commas.

✔ Supports positioning, styles and karaoke.

http://www.matroska.org/technical/specs/subtitles/ssa.html

[Script Info]Title: How to Download Ubuntu.[Events]Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, TextDialogue: 0,0:00:05.84,0:00:08.42,Default,,0000,0000,0000,,Click Download Ubuntu.Dialogue: 0,0:00:08.42,0:00:10.53,Default,,0000,0000,0000,,Click Ubuntu Desktop.Dialogue: 0,0:00:13.04,0:00:16.34,Default,,0000,0000,0000,,Skip the donation pageDialogue: 0,0:00:16.45,0:00:18.05,Default,,0000,0000,0000,,and wait few seconds

DFXP (Distribution Format eXchange Profile)

✔ Based on a structure close to a HTML file.

✔ File must have header and body.

✔ Supports positioning and styles.

✔ Supports metadata.

http://www.w3.org/TR/2006/CR-ttaf1-dfxp-20061116/

DFXP (Distribution Format eXchange Profile)

<tt xmlns="http://www.w3.org/ns/ttml" xmlns:tts="http://www.w3.org/ns/ttml#styling" xml:lang="en">

<head>

<metadata xmlns:ttm="http://www.w3.org/ns/ttml#metadata">

<ttm:title/>

</metadata>

<styling>

<style xml:id="amara-style" tts:color="white" tts:fontFamily="proportionalSansSerif" tts:fontSize="18px" tts:backgroundColor="transparent" tts:textOutline="black 1px 0px" tts:textAlign="center"/>

</styling>

<layout>

<region xml:id="top" style="amara-style" tts:extent="100% 20%" tts:origin="0 0" tts:textAlign="center"/>

</layout>

</head>

<body region="bottom">

<div>

<p begin="00:00:00.000" end="00:00:02.610">If you want to download the Ubuntu Linux</p>

<p begin="00:00:02.610" end="00:00:05.670">just go to the Ubuntu website.</p>

<p begin="00:00:05.835" end="00:00:08.420">Click Download Ubuntu.</p>

<p begin="00:00:08.420" end="00:00:10.525">Click Ubuntu Desktop.</p>

</div>

</body>

</tt>

Thanks!

This presentation is available at

This presentation was made using Open Software tools

http://slidesha.re/1BGjiNZ