Skip to content

Instantly share code, notes, and snippets.

@subhanahmed047

subhanahmed047/ttml

Created March 8, 2021 01:53
Show Gist options
  • Save subhanahmed047/f51f47db2d1677db9bb116f55eb19ef0 to your computer and use it in GitHub Desktop.
Save subhanahmed047/f51f47db2d1677db9bb116f55eb19ef0 to your computer and use it in GitHub Desktop.
Download ZIP
ttml-captions
Raw
ttml
<tt xml:lang="en"
xmlns="http://www.w3.org/ns/ttml"
xmlns:tts="http://www.w3.org/ns/ttml#styling">
<head>
<metadata xmlns:ttm="http://www.w3.org/ns/ttml#metadata">
<ttm:title>TTML Example</ttm:title>
<ttm:copyright>Thierry Michel 2015</ttm:copyright>
</metadata>
<styling xmlns:tts="http://www.w3.org/ns/ttml#styling">
<style xml:id="s1" tts:color="red" tts:textAlign="center" />
</styling>
</head>
<body>
<div>
<p xml:id="c1" begin="00:00:00" end="00:00:10">
Hello I am your first line.</p>
<p xml:id="c2" begin="00:00:02" end="00:00:10">
I am your second captions<br/>but with two lines.</p>
<p xml:id="c3" xml:lang="fr" begin="00:00:04" end="00:00:10">
Je suis le troisième sous-titre.</p>
<p xml:id="c4" begin="00:00:06" end="00:00:10" >
I am another caption with <span tts:fontWeight="bold">Bold</span> and <span tts:fontStyle="italic">Italic</span> styles.</p>
<p xml:id="c5" begin="00:00:08" end="10:00:10" style="s1">
I am the last caption displayed in red and centered.</p>
</div>
</body>
</tt>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment