Usare le didascalie Timed Text

Il componente FLVPlaybackCaptioning consente di inserire le didascalie per il componente FLVPlayback associato scaricando un file XML Timed Text (TT). Per ulteriori informazioni sul formato Timed Text, vedete le relative informazioni disponibili nel sito http://www.w3.org.

In questa sezione viene fornita una panoramica dei tag Timed Text supportati, dei tag dei file di didascalie obbligatori e un esempio di file XML Timed Text. Per informazioni dettagliate su tutti i tag Timed Text supportati, vedete Tag Timed Text .

Il componente FLVPlaybackCaptioning supporta i seguenti tag Timed Text:

Categoria

Attività

Supporto per la formattazione del paragrafo

Allineare un paragrafo a destra, a sinistra o al centro

Supporto per la formattazione del testo

  • Impostare le dimensioni del testo con dimensioni di pixel assolute o con lo stile delta (ad esempio, +2, -4)

  • Impostare il carattere e il colore del testo

  • Applicare il formato grassetto e corsivo al testo

  • Impostare la giustificazione del testo

Altro tipo di supporto per la formattazione

  • Impostare il colore di sfondo del componente TextField per le didascalie

  • Impostare il colore di sfondo del componente TextField per le didascalie su trasparente (alfa 0)

  • Impostare il ritorno a capo automatico del componente TextField per le didascalie (attivato/disattivato)

Il componente FLVPlaybackCaptioning corrisponde al codice temporale del file FLV. Ogni didascalia deve avere un attributo begin che determina il momento in cui deve essere visualizzata la didascalia. Se alla didascalia non è associato un attributo dur o end , la didascalia scompare quando viene visualizzata quella successiva o quando termina il file FLV.

Di seguito è riportato un esempio di file XML Timed Text. Questo file (caption_video.xml) include le didascalie per il file caption_video.flv. I file sono reperibili agli indirizzi www.helpexamples.com/flash/video/caption_video.flv e 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>

Tag Timed Text

Il componente FLVPlaybackCaptioning supporta i tag Timed Text per l'inserimento di didascalie nei file XML. Per ulteriori informazioni sui tag Timed Text audio e video, vedete le informazioni disponibili nel sito http://www.w3.org . Nella tabella seguente sono elencati i tag supportati e non supportati.

Function

Tag/Valore

Uso/Descrizione

Esempio

Tag ignorati

metadati

Ignorato/consentito a qualsiasi livello del documento

set

Ignorato/consentito a qualsiasi livello del documento

xml:lang

Ignorato

xml:space

Ignorato/il comportamento viene sostituito da:

xml:space="default"

layout

Ignorato/compresi gli eventuali tag region in una sezione di tag layout

tag br

Tutti gli attributi e il contenuto vengono ignorati.

Sincronizza il contenuto multimediale per le didascalie

attributi begin

Consentiti solo nei tag p. Obbligatori per la distribuzione temporizzata delle didascalie in base al contenuto multimediale.

<p begin="3s">

attributi dur

Consentiti solo nei tag p. Consigliati. Se non sono inclusi, la didascalia termina con il file FLV o quando inizia un'altra didascalia.

attributi end

Consentiti solo nei tag p. Consigliati. Se non sono inclusi, la didascalia termina con il file FLV o quando inizia un'altra didascalia.

Sincronizza l'orario per le didascalie

00:03:00.1

Formato dell'ora completo

03:00.1

Formato dell'ora parziale

10

Ore offset senza unità di misura. Offset rappresenta i secondi.

00:03:00:05

00:03:00:05.1

30f

30t

non supportato. I formati dell'ora che includono frame o tacche non sono supportati.

Tag body

body

Obbligatorio/È supportato un solo tag body.

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

Tag content

tag div

Ne sono consentiti zero o più. Viene utilizzato il primo tag.

tag p

Ne sono consentiti zero o più.

tag span

Contenitore logico per una sequenza di unità di contenuto testuale. Non supportato per le estensioni nidificate. Supportato per i tag style di attributi.

tag br

Denota un’interruzione di riga esplicita.

Tag styling

(Tutti i tag style vengono usati all'interno del tag p)

style

Riferimento a uno o più elementi di stile. Può essere usato come tag e come attributo. Come tag, è necessario un attributo ID (style può essere riutilizzato nel documento). All'interno del tag style sono supportati uno o più tag style.

tts:background Color

Consente di specificare una proprietà di stile per definire il colore di sfondo di una regione. Il valore alfa viene ignorato, a meno che sia impostato su zero (alfa 0) per rendere lo sfondo trasparente. Il formato di colore è #RRGGBBAA.

tts:color

Consente di specificare una proprietà di stile per definire il colore di primo piano. Il valore alfa non è supportato per tutti i colori. Il valore transparent viene convertito in nero.

<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

Consente di specificare una proprietà di stile per definire la famiglia di caratteri.

"default" = _serif

"monospace" = _typewriter

"sansSerif" = _sans

"serif" = _serif

"monospaceSansSerif" = _typewriter

"monospaceSerif" = _typewriter

"proportionalSansSerif" = _sans

tts:fontSize

Consente di specificare una proprietà di stile per definire le dimensioni del carattere. Solo il primo valore (vertical) viene utilizzato se ne vengono forniti due. I valori percentuali e le unità di misura vengono ignorati. Sono supportati sia dimensioni di pixel assolute (ad esempio, 12) che dimensioni di stile relative (ad esempio, +2).

tts:fontStyle

Consente di specificare una proprietà di stile per definire lo stile del carattere.

"normal"

"italic"

"inherit"*

* Comportamento predefinito; eredita lo stile dal tag che lo contiene.

tts:fontWeight

Consente di specificare una proprietà di stile per definire lo spessore del carattere.

"normal"

"bold"

"inherit"*

* Comportamento predefinito; eredita lo stile dal tag che lo contiene.

tts:textAlign

Consente di specificare una proprietà di stile per definire l'allineamento delle aree incorporate all'interno di un'area del blocco che le contiene.

"left"

"destra"

"center"

"start" (="left")

"end" (="right")

"inherit"*

*Eredita lo stile dal tag che lo contiene. Se non è impostato un tag textAlign, il valore predefinito è "left".

tts:wrapOption

Consente di specificare una proprietà di stile per definire se viene applicato o meno il ritorno a capo automatico (interruzione di riga) nel contesto dell'elemento interessato. Questa impostazione ha effetto su tutti i paragrafi contenuti nell'elemento didascalia.

"wrap"

"noWrap"

"inherit"*

*Eredita lo stile dal tag che lo contiene. Se non è impostato un tag wrapOption, il valore predefinito è "wrap".

Attributi non supportati

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