Använda Timed Text-bildtexter

Med komponenten FLVPlaybackCaptioning aktiveras bildtexer för den associerade FLVPlayback-komponenten genom att en TT-XML-fil (Timed Text) laddas ned. Mer information om TT-format (Timed Text) finns i informationen om Timed Text för ljud och video på www.w3.org .

I det här avsnittet finns en översikt över de TT-taggar som stöds, taggen för den obligatoriska bildtextfilen och ett exempel på en TT-XML-fil. Detaljerad information om alla TT-taggar som stöds finns i Timed Text-taggar .

Komponenten FLVPlaybackCaptioning stöder följande TT-taggar:

Kategori

Uppgifter

Stöd för styckeformatering

Justera ett stycke åt höger, vänster eller centrerat

Stöd för textformatering

  • Ange storleken på texten med absoluta pixelstorlekar eller delta-stil (till exempel +2, -4)

  • Ställa in texfärg och teckensnitt

  • Skapa fetstil och kursiv stil

  • Ställa in textjustering

Annat formateringsstöd

  • Ställa in bakgrundsfärgen på TextField för bildtexter

  • Ställa in bakgrundsfärgen på TextField för bildtexter till genomskinlig (alfa 0)

  • Ställa in automatisk radbrytning i TextField för bildtexter (på eller av)

Komponenten FLVPlaybackCaptioning matchar tidskoden i FLV-filen. Alla bildtexter måste ha ett begin -attribut som anger när bildtexten ska visas. Om bildtexten inte har något dur - eller end -attribut försvinner bildtexten när nästa bildtext visas, eller när FLV-filen slutar.

Här nedan finns ett exempel på en TT-XML-fil. Den här filen (caption_video.xml) ger bildtext för filen caption_video.flv. Hämta dessa filer på www.helpexamples.com/flash/video/caption_video.flv och 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-taggar

Komponenten FLVPlaybackCaptioning stöder Timed Text-taggar för XML-filer med bildtext. Mer information om Timed Text-taggar för ljud och video finns på www.w3.org . I följande tabell finns de taggar som stöds och som inte stöds.

Funktion

Tagg/värde

Användning/beskrivning

Exempel

Ignorerade taggar

metadata

Ignorerad/tillåten på alla nivåer i dokumentet

set

Ignorerad/tillåten på alla nivåer i dokumentet

xml:lang

Ignorerad

xml:space

Ignorerad/beteende åsidosätter till:

xml:space="default"

layout

Ignorerad/inklusive all region-taggar i ett avsnitt emd layout-tagg

br-tagg

Alla attribut och allt innehåll ignoreras.

Media-timing för bildtexter

begin-attribut

Endast tillåtet i p-taggar. Krävs för mediatidsdistribution av bildtexter.

<p begin="3s">

dur-attribut

Endast tillåtet i p-taggar. Rekommenderas. Om det inte inkluderas slutar bildtexten med FLV-filen eller när en annan bildtext börjar.

end-attribut

Endast tillåtet i p-taggar. Rekommenderas. Om det inte inkluderas slutar bildtexten med FLV-filen eller när en annan bildtext börjar.

Klock-timing för bildtexter

00:03:00.1

Fullständigt klockformat

03:00.1

Ofullständigt klockformat

10

Förskjutna tidsperioder utan enheter. Förskjutning representerar sekunder.

00:03:00:05

00:03:00:05.1

30f

30t

Stöds inte. Tidsformat som inkluderar ramar eller skalmarkeringar stöds inte.

Body-tagg

brödtext

Obligatorisk/stöd för endast en body-tagg.

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

Content-tagg

div-tagg

Noll eller mer tillåtet. Den första taggen används.

p-tagg

Noll eller mer tillåtet..

span-tagg

En logisk behållare för en sekvens med textuella innehållsenheter. Inget stöd för kapslade span. Stöd för attributstiltaggar.

br-tagg

Anger en explicit radbrytning.

Stiltaggar

(Alla stiltaggar används i p-taggen)

style

Refererar ett eller flera stilelement. Kan användas som en tagg och som attribut. Som en tagg krävs ett ID-attribut (stilen kan återanvändas i dokumentet). Stöd för en eller flera stiltaggar inuti stiltaggen.

tts:background Color

Anger en stilegenskap som definierar bakgrundsfärgen för ett område. Alfa ignoreras såvida det inte har värdet noll (alfa 0) för att göra bakgrunden genomskinlig. Färgformatet är #RRGGBBAA.

tts:color

Anger en stilegenskap som definierar förgrundsfärgen. Alfa har inte stöd för några färger. Värdet transparent omvandlas till svart.

<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

Anger en stilegenskap som definierar teckensnittsfamiljen.

"default" = _serif

"monospace" = _typewriter

"sansSerif" = _sans

"serif" = _serif

"monospaceSansSerif" = _typewriter

"monospaceSerif" = _typewriter

"proportionalSansSerif" = _sans

tts:fontSize

Anger en stilegenskap som definierar teckensnittsstorleken. Bara det första (lodräta) värdet används om två anges. Procentvärden och procentenheter ignoreras. Stöd för storlekar i absolut pixel (till exempel 12) och relativ stil (till exempel +2).

tts:fontStyle

Anger en stilegenskap som definierar teckensnittsstilen.

"normal"

"italic"

"inherit"*

* Standardbeteendet: ärver stilen från omgivande taggar.

tts:fontWeight

Anger en stilegenskap som definierar teckensnittsbredden.

"normal"

"bold"

"inherit"*

* Standardbeteendet: ärver stilen från omgivande taggar.

tts:textAlign

Anger en stilegenskap som definierar hur områden på raden justeras inom ett innehållande blockområde.

"left"

"right"

"center"

"start" (="left")

"end" (="right")

"inherit"*

* Ärver stilen från den omgivande taggen. Om ingen textAlign-tagg ställs in är standardvärdet "left".

tts:wrapOption

Anger en stilegenskap som definierar om automatisk radbrytning gäller i det påverkade elementets kontext. Den här inställningen påverkar alla stycken i bildtextelementet.

"wrap"

"noWrap"

"inherit"*

* Ärver stilen från den omgivande taggen. Om ingen wrapOption-tagg ställs in är standardvärdet "wrap".

Attribut som inte stöds

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