Timed Text キャプションの使用

FLVPlaybackCaptioning コンポーネントを使用すると、Timed Text (TT) XML ファイルをダウンロードすることにより、関連付けられた FLVPlayback コンポーネントのキャプション付けが可能になります。 Timed Text 形式について詳しくは、 www.w3.org. で AudioVideo Timed Text の情報を参照してください。

この節では、サポートされている Timed Text タグの概要、必要なキャプションファイルタグ、Timed Text XML ファイルの例を説明します。 サポートされているすべての Timed Text タグについて詳しくは、 Timed Text タグ を参照してください。

FLVPlaybackCaptioning コンポーネントは次の Timed Text タグをサポートしています。

カテゴリ

タスク

段落の書式情報のサポート

段落を右揃え、左揃え、または中央揃えにします。

テキストの書式情報のサポート

  • テキストのサイズを、絶対ピクセルサイズまたは Delta スタイル (+2、-4 など) で設定します。

  • テキストカラーとフォントを設定します。

  • テキストをボールドまたはイタリックにします。

  • テキストの位置揃えを設定します。

その他の書式情報のサポート

  • キャプションの TextField の背景色を設定します。

  • キャプションの TextField の背景色を透明 (アルファ 0) に設定します。

  • キャプションの TextField の折り返しを設定します (オンまたはオフ)。

FLVPlaybackCaptioning コンポーネントは FLV ファイルの時間コードに一致します。 すべてのキャプションには、キャプションを表示する時刻を指定する begin 属性が必要です。キャプションに dur または end 属性がない場合は、次のキャプションが表示されたとき、または FLV ファイルが終了したときにキャプションが消去されます。

次に Timed Text XML ファイルの例を示します。 このファイル (caption_video.xml) は "caption_video.flv" ファイルのキャプションを指定します。 これらのファイルは、 www.helpexamples.com/flash/video/caption_video.flv および www.helpexamples.com/flash/video/caption_video.xml で入手できます。

<?xml version="1.0" encoding="UTF-8"?> 
    <tt xml:lang="en" xmlns="http://www.w3.org/2006/04/ttaf1"xmlns:tts="http://www.w3.org/2006/04/ttaf1#styling"> 
<head> 
    <styling> 
<style id="1" tts:textAlign="right"/> 
<style id="2" tts:color="transparent"/> 
<style id="3" style="2" tts:backgroundColor="white"/> 
<style id="4" style="2 3" tts:fontSize="20"/> 
    </styling> 
</head> 
<body> 
    <div xml:lang="en"> 
<p begin="00:00:00.00" dur="00:00:03.07">I had just joined <span tts:fontFamily="monospaceSansSerif,proportionalSerif,TheOther"tts:fontSize="+2">Macromedia</span> in 1996,</p> 
<p begin="00:00:03.07" dur="00:00:03.35">and we were trying to figure out what to do about the internet.</p> 
<p begin="00:00:06.42" dur="00:00:03.15">And the company was in dire straights at the time.</p> 
<p begin="00:00:09.57" dur="00:00:01.45">We were a CD-ROM authoring company,</p> 
<p begin="00:00:11.42" dur="00:00:02.00">and the CD-ROM business was going away.</p> 
<p begin="00:00:13.57" dur="00:00:02.50">One of the technologies I remember seeing was Flash.</p> 
<p begin="00:00:16.47" dur="00:00:02.00">At the time, it was called <span tts:fontWeight="bold" tts:color="#ccc333">FutureSplash</span>.</p> 
<p begin="00:00:18.50" dur="00:00:01.20">So this is where Flash got its start.</p> 
<p begin="00:00:20.10" dur="00:00:03.00">This is smart sketch running on the <span tts:fontStyle="italic">EU-pin computer</span>,</p> 
<p begin="00:00:23.52" dur="00:00:02.00">which was the first product that FutureWave did.</p> 
<p begin="00:00:25.52" dur="00:00:02.00">So our vision for this product was to</p> 
<p begin="00:00:27.52" dur="00:00:01.10">make drawing on the computer</p> 
<p begin="00:00:29.02" dur="00:00:01.30" style="1">as <span tts:color="#ccc333">easy</span> as drawing on paper.</p> 
</div> 
</body> 
</tt>

Timed Text タグ

FLVPlaybackCaptioning コンポーネントは、XML ファイルのキャプション用に Timed Text タグをサポートしています。 オーディオビデオの Timed Text タグについて詳しくは、 www.w3.org の情報を参照してください。次の表に、サポートされているタグとサポートされていないタグを示します。

機能

タグ/値

用途/説明

無視されるタグ

metadata

無視されるか、ドキュメントのいずれかのレベルで許可されます。

set

無視されるか、ドキュメントのいずれかのレベルで許可されます。

xml:lang

無視されます。

xml:space

無視されるか、ビヘイビアーが

xml:space="default" より優先されます。

layout

無視されるか、レイアウトタグセクションに任意の領域タグを含みます。

br タグ

すべての属性とコンテンツが無視されます。

キャプションのメディアのタイミング

begin 属性

p タグだけで使用されます。 キャプションのメディアに時刻を展開するために必要です。

<p begin="3s">

dur 属性

p タグだけで使用されます。 推奨されます。この属性が含まれていないと、キャプションは FLV ファイル、または別のキャプションの開始と共に終了します。

end 属性

p タグだけで使用されます。 推奨されます。この属性が含まれていないと、キャプションは FLV ファイル、または別のキャプションの開始と共に終了します。

キャプションのクロックタイミング

00:03:00.1

フルクロック形式

03:00.1

部分クロック形式

10

単位のないオフセット時間。 オフセットは秒を表します。

00:03:00:05

00:03:00:05.1

30f

30t

サポートされません。 フレームや目盛を含む時間形式はサポートされません。

本文タグ

body

必須、または 1 つの body タグだけがサポートされます。

<body><div>...</div></body>

コンテンツタグ

div タグ

指定しないことも、1 つ以上指定することもできます。 最初のタグが使用されます。

p タグ

指定しないことも、1 つ以上指定することもできます。

span タグ

連続したテキストコンテンツの単位の論理コンテナ。 ネストされた span はサポートされません。 属性スタイルタグをサポートします。

br タグ

明示的な改行を示します。

スタイル指定タグ

(p タグ内部ではすべてのスタイルタグが使用される)

style

1 つまたは複数のスタイルエレメントを参照します。 タグや属性として使用できます。 タグとして使用する場合は ID 属性が必要です (style はドキュメントで再使用できます)。 style タグ内部で 1 つまたは複数の style タグをサポートします。

tts:background Color

領域の背景色を定義するスタイルプロパティを指定します。 ゼロに設定して (アルファ 0) 背景を透明にしない限り、アルファは無視されます。 カラー形式は #RRGGBBAA です。

tts:color

前景色を定義するスタイルプロパティを指定します。 どの色についてもアルファはサポートされません。 値 transparent は黒に変換されます。

<style id="3" style="2" tts:backgroundColor="white"/>

"transparent" = #00000000

"black"=#000000FF

"silver"=#C0C0C0FF

"grey"=#808080FF

"white"=#FFFFFFFF

"maroon"=#800000FF

"red"=#FF0000FF

"purple"=#800080FF

"fuchsia"("magenta")=

#FF00FFFF

"green"=#008000FF

"lime"=#00FF00FF

"olive"=#808000FF

"yellow"=#FFFF00FF

"navy"=#000080FF

"blue"=#0000FFFF

"teal"=#008080FF

"aqua"("cyan")=#00FFFFFF

tts:fontFamily

フォントファミリーを定義するスタイルプロパティを指定します。

"default" = _serif

"monospace" = _typewriter

"sansSerif" = _sans

"serif" = _serif

"monospaceSansSerif" = _typewriter

"monospaceSerif" = _typewriter

"proportionalSansSerif" = _sans

tts:fontSize

フォントサイズを定義するスタイルプロパティを指定します。 2 つの値が指定されている場合は、最初の値 (垂直) が使用されます。 パーセント値と単位は無視されます。 絶対ピクセル (12 など) と相対スタイル (+2 など) のサイズがサポートされています。

tts:fontStyle

フォントスタイルを定義するスタイルプロパティを指定します。

"normal"

"italic"

"inherit"*

* デフォルトのビヘイビアー。スタイルは、囲んでいるタグから継承されます。

tts:fontWeight

フォントの太さを定義するスタイルプロパティを指定します。

"normal"

"bold"

"inherit"*

* デフォルトのビヘイビアー。スタイルは、囲んでいるタグから継承されます。

tts:textAlign

含まれるブロック領域内部でインライン領域を揃える方法を定義するスタイルプロパティを指定します。

"left"

"right"

"center"

"start" (="left")

"end" (="right")

"inherit"*

* スタイルは、囲んでいるタグから継承されます。 textAlign タグを設定しない場合、デフォルト値は "left" です。

tts:wrapOption

影響を受けるエレメントのコンテキスト内で行の自動的な折り返し (改行) を適用するかどうかを定義するスタイルプロパティを指定します。 この設定は、キャプションエレメントのすべての段落に影響を与えます。

"wrap"

"noWrap"

"inherit"*

* スタイルは、囲んでいるタグから継承されます。 wrapOption タグを設定しない場合、デフォルト値は "wrap" です。

サポートされていない属性

tts:direction

tts:display

tts:displayAlign

tts:dynamicFlow

tts:extent

tts:lineHeight

tts:opacity

tts:origin

tts:overflow

tts:padding

tts:showBackground

tts:textOutline

tts:unicodeBidi

tts:visibility

tts:writingMode

tts:zIndex