Caio NevesLeila Soriano

Agenda

O que é Ginga?SBTVD NewsNCLAPI NCLuaExemplos

O que é Ginga?

Middleware Aberto do Sistema Brasileiro de TV Digital (SBTVD)

Dois MódulosGinga-J (Java)Ginga-NCL (Lua - suporte)

Grande Inovação (Ponte Java-NCL NCL-Java)

SBTVD News

Ginga-JPrimeiro draft final de setembroRoyalties freeImplementação aqui! (cesar)

Seminário de Televisão Digital: Modelo, Cenários, Linguagem

Ginga 1.0

NCL - O que tocar?

NCL – O que tocar?

Suporta todos os tipos definidos na norma.

A definição do que tocar define-se no body.

NCL - Onde tocar?

NCL – Onde tocar?

As dimensões podem ser definidas por unidades de pixel ou por porcentagem.

NCL - Como tocar?

NCL – Como tocar?

Definido no head.Parâmetros:

transparencyfreeze...

NCL – Quando tocar?

NCL – Quando tocar?

Descreve-se o comportamento do elo no head.

Pode-se ter ações compostas.

NCL – Quando tocar?

Com o port pode-se tornar uma mídia auto initialize.

<port id="portVideo" component="video"/>

Definido no body.

NCL – Quando tocar?

Conectar a mídia ao comportamento do elo.

NCL - Estrutura

Todo documento NCL é escrito em XML

Cabeçalho do documento NCLUma seção de Cabeçalho do

programa (head)Corpo do programa (body)Pelo menos uma portaConclusão do documento

NCL - Estrutura

API – NCLua (Events)

event.register (f: function)

event.timer (time: number, f: function)

event.post (dst: string; evt: event)

event.uptime ()

event.post(evt)

Classes de Eventos

Eventos Key:evt = { class='key', type: string, key: string}type pode ser 'press' ou 'release'.key é o valor da tecla em questão.evt = { class='key', type='press', key=’0’ }

Tipo ‘presentation’:evt = { class='ncl', type='presentation', area='?',

action='start'/'stop'/'abort'/'pause'/'resume' }

Classes de Eventos

Tipo ‘selection’:evt = { class='ncl', type='selection',

area='?', transition='stops' }

Tipo ‘attribution’:evt = { class='ncl', type='attribution',

area='?', transition='stops' }

Classes TCP:evt = { class=’tcp’, from=’addr:port’,

value=string }

Settings

Dados do próprio set-top-box

lang = settings.system.languageage = settings.user.agelocation = settings.user.location

Persistent

Variáveis persistentes entre execuções

Divididas entre tres grupos:“service”“channel” “shared”

persistent.service.total = 10color = persistent.shared.color

API – NCLua (Canvas)

canvas:new()Construtor vazio, imagem, (width, height)

canvas:attrSize()retorno x, y = canvas:attrSize()

canvas:attrColor()'white', 'aqua', 'lime', 'yellow', 'red',

'fuchsia', 'purple', 'maroon','blue', 'navy', 'teal', 'green', 'olive', 'silver', 'gray', 'black'

API – NCLua (Canvas)

canvas:attrFont (face: string; size: number; style: string)

canvas:drawLine (x1, y1, x2, y2: number)

canvas:drawRect (mode: string; x, y, width, height: number)

canvas:drawPolygon (mode: string)canvas:drawPolygon('fill')(1,1)(10,1)(10,10)

(1,10)()

API – NCLua (Canvas)

canvas:drawEllipse (mode: string; xc, yc, width, height, ang_start, ang_end: number)

canvas:drawText (text: string; x, y: number)

canvas:flush ()

API – NCLua (Canvas)

canvas:measureText (x, y: number; text: string)

canvas:compose (x, y: number; src: canvas; [ src_x, src_y, src_width, src_height: number ])

Exemplo 1

Aplicacao que conta o números de cliques e mostra na tela.

Desafio

Faça o macaco comer a banana!Através de captura de eventos da

classe “key”Criação de canvas com imagensComposição de canvas

Referências

http://www.abnt.org.br/imagens/Normalizacao_TV_Digital/ABNTNBR15606-5_2008Ed1.pdf

www.ncl.org.br/documentos/TutorialNCL3.0-2ed.pdf

Dúvidas?

Obrigado pela atenção!