Uso de legendas Timed Text

Tags Timed Text

O componente FLVPlaybackCaptioning ativa as legendas do componente FLVPlayback associado baixando um arquivo XML Timed Text (TT). Para obter mais informações sobre o formato Timed Text, consulte AudioVideo Timed Text em www.w3.org .

Esta seção fornece uma visão geral das tags Timed Text suportadas, as tags de arquivo de legenda necessárias e um exemplo de arquivo XML Timed Text. Para obter informações detalhadas sobre todas as tags Timed Text suportadas, consulte Tags Timed Text .

O componente FLVPlaybackCaptioning suporta as seguintes tags Timed Text:

Categoria	Tarefa
Suporte à formatação de parágrafo	Alinhamento de um parágrafo à direita, à esquerda ou ao centro
Suporte à formatação de texto	Definição do tamanho do texto com tamanhos de pixel absolutos ou estilo delta (por exemplo, +2, -4) Definição da cor e da fonte do texto Aplicação de negrito e itálico ao texto Definição da justificação do texto
Outro suporte à formatação	Definição da cor de fundo do TextField das legendas Definição da cor de fundo do TextField das legendas para transparente (alfa 0) Definição da quebra de texto do TextField das legendas (ativado ou desativado)

O componente FLVPlaybackCaptioning corresponde ao código de tempo do arquivo FLV. Toda legenda deve ter um atributo begin , que determina quando a legenda deve ser exibida. Se a legenda não tiver um atributo dur ou end , ela desaparecerá quando a próxima legenda for exibida ou quando o arquivo FLV chegar ao fim.

Este é um exemplo de arquivo XML Timed Text. Esse arquivo (caption_video.xml) oferece legendas para o arquivo caption_video.flv. Acesse esses arquivos em 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>

Tags Timed Text

O componente FLVPlaybackCaptioning suporta tags Timed Text para arquivos XML de legenda. Para obter mais informações sobre as tags Audio Video Timed Text, consulte www.w3.org . A tabela a seguir lista as tags suportadas e não suportadas.

Função	Tag/valor	Uso/descrição	Exemplo
Tags ignoradas	metadata	Ignorada/permitida em qualquer nível do documento
	set	Ignorada/permitida em qualquer nível do documento
	xml:lang	Ignorada
	xml:space	Ignorada/o comportamento é substituído por: xml:space="default"
	layout	Ignorada/incluindo qualquer tag de região em uma seção de tag de layout
	tag br	Todos os atributos e conteúdo são ignorados.
Tempo da mídia para legendas	atributos begin	Permitido somente em tags p. Necessário para a implantação do tempo de mídia das legendas.	<p begin="3s">
	atributos dur	Permitido somente em tags p. Recomendado. Se não for incluída, a legenda terminará com o arquivo FLV ou quando outra legenda começar.
	atributos end	Permitido somente em tags p. Recomendado. Se não for incluída, a legenda terminará com o arquivo FLV ou quando outra legenda começar.
Duração das legendas	00:03:00.1	Formato de relógio total
	03:00.1	Formato de relógio parcial
	10	Tempos de ajuste sem unidades. O ajuste representa os segundos.
	00:03:00:05 00:03:00:05.1 30f 30t	Não suportado. Os formatos de tempo que incluem quadros ou tiques não são suportados.
Tag body	body	Necessária/suporte apenas para uma tag body.	<body><div>...</div></body>
Tag content	tag div	É permitido zero ou um valor superior. A primeira tag é usada
	tag p	É permitido zero ou um valor superior.
	tag span	Um contêiner lógico para uma seqüência de unidades de conteúdo textual. Não há suporte para extensões aninhadas. Há suporte para tags style do atributo.
	tag br	Representa uma quebra de linha explícita.
Tags de estilo (Todas as tags style são usadas na tag p)	style	Faz referência a um ou mais elementos de estilo. Pode ser usada como uma tag e um atributo. Como uma tag, é necessário um atributo ID (o estilo pode ser reutilizado no documento). Há suporte para uma ou mais tags style dentro da tag style.
	tts:background Color	Especifique uma propriedade style que defina a cor de fundo de uma região. Alfa será ignorado, a menos que seja definido como zero (alfa 0) para tornar o fundo transparente. O formato de cor é #RRGGBBAA.
	tts:color	Especifique uma propriedade style que defina a cor do primeiro plano. Alfa não suportado para todas as cores. O valor `transparent` é convertido em preto.	<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	Especifique uma propriedade style que defina a família de fontes.	"default" = `_serif` "monospace" = `_typewriter` "sansSerif" = `_sans` "serif" = `_serif` "monospaceSansSerif" = `_typewriter` "monospaceSerif" = `_typewriter` "proportionalSansSerif" = `_sans`
	tts:fontSize	Especifique uma propriedade style que defina o tamanho da fonte. Somente o primeiro valor (vertical) será usado se os dois forem fornecidos. Os valores de percentual e as unidades são ignorados. Suporte para tamanhos de pixel absoluto (por exemplo, 12) e de estilo relativo (por exemplo, +2).
	tts:fontStyle	Especifique uma propriedade style que defina o estilo da fonte.	"normal" "italic" "inherit"* * O comportamento padrão; herda o estilo da tag delimitada.
	tts:fontWeight	Especifique uma propriedade style que defina a espessura da fonte.	"normal" "bold" "inherit"* * O comportamento padrão; herda o estilo da tag delimitada.
	tts:textAlign	Especifique uma propriedade style que defina como as áreas inline são alinhadas em uma área de bloco de conteúdo.	"left" "right" "center" "start" (="left") "end" (="right") "inherit"* *Herda o estilo da tag delimitada. Se nenhuma tag textAlign for definida, o padrão será "left".
	tts:wrapOption	Especifique uma propriedade style que defina se a quebra de linha automática se aplicará ou não ao contexto do elemento afetado. Essa configuração afeta todos os parágrafos do elemento de legenda.	"wrap" "noWrap" "inherit"* *Herda o estilo da tag delimitada. Se nenhuma tag wrapOption for definida, o padrão será "wrap".
Atributos não suportados	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