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!