Timed Text 캡션 사용

Timed text 태그

FLVPlaybackCaptioning 구성 요소를 사용하면 TT(Timed Text) XML 파일을 다운로드하여 관련 FLVPlayback 구성 요소에 캡션을 사용할 수 있습니다. Timed Text 형식에 대한 자세한 내용은 www.w3.org. 의 AudioVideo Timed Text 정보를 참조하십시오.

이 단원에서는 지원되는 Timed Text 태그, 필수 캡션 파일 태그 및 Timed Text XML 파일의 예제를 제공합니다. 지원되는 모든 Timed Text 태그에 대한 자세한 내용은 Timed text 태그 를 참조하십시오.

FLVPlaybackCaptioning 구성 요소는 다음과 같은 Timed Text 태그를 지원합니다.

범주	작업
단락 서식 지원	단락을 오른쪽, 왼쪽 또는 가운데에 정렬할 수 있습니다.
텍스트 서식 지원	절대 픽셀 크기 또는 델타 스타일(예: +2, -4)을 사용하여 텍스트 크기를 설정할 수 있습니다. 텍스트 색상 및 글꼴을 설정할 수 있습니다. 텍스트를 굵게 또는 기울임체로 설정할 수 있습니다. 텍스트 맞춤을 설정할 수 있습니다.
기타 서식 기능 지원	캡션을 표시할 TextField의 배경색을 설정할 수 있습니다. 캡션을 표시할 TextField의 배경색을 투명하게 설정할 수 있습니다(알파 0). 캡션을 표시할 TextField에 줄 바꿈(on 또는 off)을 설정할 수 있습니다.

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	무시됨 / layout 태그 섹션의 모든 region 태그도 함께 무시됩니다.
	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 태그	body	필수 태그 / body 태그는 하나만 지원됩니다.	<body><div>...</div></body>
내용 태그	div 태그	사용하지 않거나 원하는 만큼 사용할 수 있습니다. 첫 번째 태그가 사용됩니다.
	p 태그	사용하지 않거나 원하는 만큼 사용할 수 있습니다.
	span 태그	일련의 텍스트 내용 단위의 논리 컨테이너입니다. 중첩 span 태그는 지원되지 않습니다. 특성 스타일 태그를 지원합니다.
	br 태그	명시적인 줄 바꿈을 나타냅니다.
스타일 태그 모든 style 태그는 p 태그 안에 사용됩니다.	style	하나 이상의 스타일 요소를 참조합니다. 태그 및 특성으로 사용할 수 있습니다. 태그로 사용할 경우에는 ID 특성이 필요하며 해당 스타일을 문서에서 다시 사용할 수 있습니다. style 태그 안에 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	글꼴 크기를 정의하는 스타일 속성을 지정합니다. 값을 두 개 제공하면 첫 번째(세로) 값만 사용됩니다. 백분율 값과 단위는 무시됩니다. 절대 픽셀(예: 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