Technical Background
Download
Report
Transcript Technical Background
Technical Background
SPX-1000
© 2009 AMX Confidential
SPX-1000 y Scaled Vector Graphics
• Scaled Vector Graphics (SVG) es la
descripción del lenguaje usado por el SPX1000
• Esta tecnología es usada para:
Definir el layout
Insertar elementos multi-media en escena
Aplicar animaciones a los elementos en escena
Scripting
Interactividad
© 2009 AMX Confidential
SVG Tiny 1.2
• SVG es un lenguaje para describir gráficos 2D en XML
• Los objetos de un gráfico SVG:
Formas gráficas vectoriales
Multimedia (imágenes, video, etc)
Texto
• Dynamic SVG
Animation
Interactividad, Scripting
• SVG es un estandar abierto
http://www.w3.org/TR/SVGMobile12/
• Tutoriales
http://www.w3schools.com/svg/default.asp
© 2009 AMX Confidential
SVG en XPress
• La aplicación Xpress incluye un
editor XML
En la pestaña XML del panel de
edición
Muesta y edita el contenido
XML
• Puedes añadir, editar y eliminar:
Elementos
• <svg>
• ...
Atributos
•
•
•
•
© 2009 AMX Confidential
viewBox
snapshotTime
Height
…
Tags Basicos para Figuras
• <rect>
Dibuja un rectangulo
Ejemplo: un rectangulo azul
• <rect x=‘10’ y=‘10’ width=‘100’ height=‘100’ fill=‘blue’ />
• <line>
Dibuja una línea
Ejemplo: una línea roja de 10 pixels
• <line x1=’10’ y1=‘200’ x2=‘200’ y2=‘200’ stroke=‘red’ stroke-width=‘10’ />
• <circle>
Dibuja un círculo
Ejemplo: un criculo verde con un borde negro
• <circle cx=‘400’ cy=‘400’ r=‘200’ fill=‘green’ stroke=‘black’ stroke-width=‘20’ />
• Más:
http://www.w3.org/TR/SVGMobile12/shapes.html
© 2009 AMX Confidential
Ejemplos de Media Tags
• Insertar una imagen
<image x=‘200’ y=‘10’ width=‘700’ height=‘700’
xlink:href=‘bird.jpg’ />
Posición de la imagen:
• x=‘200’,y=‘10’
Tamaño de la imagen:
• width=‘700’, height=‘700’
URI de la imagen:
• xlink:href=‘bird.jpg’
• Formato:
Relativo: MyImage.jpg | MyFolder/MyImage.jpg
Absoluto: http://MySite.com/MyImage.jpg
© 2009 AMX Confidential
Editors de gráficos vectoriales
• InkScape (http://www.inkscape.org/)
Editor de código abierto con capacidades
similares a Illustrator, CorelDraw, or Xara X
Usa este editor para crear escenas, logos, y
fondos…
© 2009 AMX Confidential
Animaciones de gráficos vectoriales
• IKIVO Animator (www.ikivo.com)
Software de animación gráfica profesional para la
industria de dispositivos móviles
IKIVO permite crear animaciones en clips SVG
complejos de forma interactiva
• RapidSVG™ v3.0
(http://xstreamsoftware.com/rapidsvg_featuretour1.htm)
Software de animación gráfica profesional para la
industria web
• Perfect SVG (http://www.perfectsvg.com/)
Herramientas de animación de bajo coste
© 2009 AMX Confidential
Recursos SVG públicos
• Estandar W3C
http://www.w3.org/TR/SVGMobile12/
• Tutoriales W3
http://www.w3schools.com/svg/default.asp
• En Wikipedia
Introducción a SVG con ejemplos
Aplicacioens soportadas:
• Web browsers
• Authoring tools
• Mobile devices
http://en.wikipedia.org/wiki/Svg
• Clip ARTS de código abierto
Archivos de clips aportados por usuarios.
http://openclipart.org/
© 2009 AMX Confidential
Video
• Diferentes aspectos de los ficheros de video
El algoritmo de compresión: CODEC
• MPEG-2, MPEG-4,…
El formato del fichero contenedor
• Quicktime, AVI, …
El protocolo de streaming
• Para enviar video live
• Streming HTTP, RTSP/RTP
• Para ficheros de audio:
Frecuentemente el codec y el formato del fichero
forman parte del mismo código fuente
• MPEG2-layer3 (mp3), window media audio (WMA),…
© 2009 AMX Confidential
CODECs de video soportado
• MPEG-4 SP/ASP (DivX)
Codec HMP100
Ancho de Banda: 2-3 Mbps para una buena calidad
• MPEG-2 ML@MP
Formato usado por DVDs
Ancho de Banda : 6-8 Mbps
• Windows Media Video (VC-1 Main profile)
Usado habitualmente para streaming
• H264 (MPEG-AVC)
• Máxima resolución:
720x480@30fps ó 720x576@25fps
© 2009 AMX Confidential
Formatos de video soportados
• AVI
También usado en ficheros DivX
Buen formato para almacenamiento
• Quicktime (MOV)
• Mpeg transport stream (VOB)
Ficheros extraidos de DVD’s
• Formato de Window Media
ASF, WMV, WMA
© 2009 AMX Confidential
Contenidos de video en XPress
• En XPress
Abrir el fichero media
Las propiedades se
muestran en el panel de
edición
• Ejemplo: avatar.mpg
Video
• Codec: mpeg2
• Tamaño: 720x480
• Duración del video
209.2092 minutos
• Bitrate 3.766 Mbps
Audio
• Codec: mp2
• Fecuencia: 32 KHz
• Bitrate: 224 kbps
© 2009 AMX Confidential
Contenidos de video en XPress
• Otro ejemplo
• File: avatar.mov
Video
• Codec: h264
• Tamaño: 848x480
• Duración del video
246.788455 minutos
• Bitrate 1.809 Mbps
Audio
• No hay audio asociado al
video
© 2009 AMX Confidential
Compòrbación de ficheros de video
• Importación en XPress
XPress comprueba el video cuando es importado
XPress debe rechazar el video si el fichero esta fuera
de los formatos de Codec soportados
© 2009 AMX Confidential
Como reproducir el Video
• Incluir el video en un documento multi-layer o en un playlist
• Video Local
El fichero de video se encuentra dentro del proyecto
Arrastra y suelta el fichero dentro del playlist o multi-layer
El fichero será cargado por el SPX-1000
• Debe caber en el almacenamiento local (1.5 GBytes)
• Video desde un servidor remoto
El video esta ubicado en un servidor web HTTP
El URI del video debe ser introducido en el cuadro de dialogo del
contenido media
El fichero será descargado en el SPX-1000
• El ancho de banda debe ser suficiente
• El fichero debe ser cacheado en caso de que el SPX-1000 pierda la
conexión
© 2009 AMX Confidential
Video Streaming
• La conexion a Internet debe estar disponibile
El video no se aloja en la cache
• Conexión al servidor
El Streaming usa mms o rtsp
• Introduce el URI del servidor en el dialogo del item media
El streaming soporta http si es servido desde un fichero
ASX
• Introduce el URI del fichero ASX en el dialogo del item media
Streaming vía http
• Crea un fichero local ASX referenciando al URI del servidor
© 2009 AMX Confidential
Scripting
• JavaScript
Soporta nativamente SVG
Implementado en el player SPX-1000
Los scripts deben ser ejecutados desde cada
frame
• PHP
Lenguaje genñerico de scripts
Generación offline de ficheros SVG
© 2009 AMX Confidential
JavaScript
• Lenguaje nativo de script SVG
Lenguaje recomendado
Ejecutado dentro de la máquina de render
• Información sobre SVG-JavaScript
Como incluir scripts:
• http://www.w3.org/TR/SVGMobile12/script.html
Manipulación de los SVG DOM:
• http://www.w3.org/TR/SVGMobile12/svgudom.html
© 2009 AMX Confidential
Cuando usar JavaScript
• Crear dinámicamente ficheros SVG
Playlist
RSS news
Indices bursátiles, predicción meteorológica, …
• Modificaciónen tiempo real de documentos
Informaciónen tiempo real (Instant messaging)
Interactividad
• Text layout
Adaptación del texto a la resolución del display...
• Extraer información desde servers/internet
Igual que AJAX para HTML
© 2009 AMX Confidential
Adaptaciones JavaScript
• Metodos adicionales:
Métodos de parseo:
• ParseRSS()
• ParseICAL()
• ParseCSV()
Generar eventos UI programados
• fireSharedEvent()
Funciones de Logging:
• logAtLevel( LOG_LEVEL_ERROR, "Houston, we have a problem." );
• Flags adicionales para GetURL()
• Entorno SharedVariable para intercambio de datos en
tiempo real
• Variables globales
MULTI_SCREEN_ID, DEVICE_NAME, SERIAL_NUMBER
© 2009 AMX Confidential
Variables compartidas
• Comparte información entre documentos y/o
players
• Simple API
Crear una variable
var v=createSharedVariable( 'XY' );
var v2=createSharedVariable( '[email protected]' );
Incializar una variable
v.set( 'new value' );
Leer una variable
function onUpdate( x ) { /*Do something using x.value*/ }
v.addUpdateListener( onUpdate );
• See the complete documentation at
www.amx.com
© 2009 AMX Confidential
Lenguaje de Script PHP
• Commonly used scripting language
Used in the WEB applications/pages to create
dynamic effects
Integrated as a pre-processor for the SPX-1000
rendering engine
• PHP information
http://www.php.net/manual/en/
http://www.w3schools.com/php/default.asp
© 2009 AMX Confidential
Cuando usar PHP
• Crear ficheros SVG dinámicamente
Formateo y consulta de bases de datos
Conversion de páginas web a formato SVG
Procesado off-line…
Formateo de contenidos que cambian en origen
© 2009 AMX Confidential
Extensión HTTP: WebDAV
• Que es?
Una extensión de HTTP
• Utiliza el mismo puerto (80)
• Evita firewall
Estandar abierto del IETF (RFC 2518)
Permite a los usuario editar y administrar ficheros en
servidores remotos
• Es como FTP, pero mejor
Más seguro, permite apilar las transferencias
• Soportado por la mayoria de los servidores web
Apache mod_dav, extensiones IIS WebDAV
• Enlaces:
http://tools.ietf.org/html/rfc2518
© 2009 AMX Confidential
Como usar WebDAV
• Descarga de ficheros desde un servidor
Usa el método estandar HTTP GET
• Subir ficheros a un servidor
Usa el método estandar HTTP PUT
•
•
•
•
Borrado de ficheros
Creación de directorios (colecciones)
Listado del contenido de una carpeta
Almacenamiento y recuperación de metadatos
© 2009 AMX Confidential
iCalendar
• Que es ?
Es un formato de intercambio para reuniones
• Usado por Outlook, iCal de apple, Google Calendar..
Usado por Xpress para describir agenda de
reproducción de contenidos media
Estandar abierto IETF (RFC 2445)
• Enlace:
http://tools.ietf.org/html/rfc2445
© 2009 AMX Confidential
Generación de ficheros iCalendar
• Xpress
Interface intuitivo para .ics
• Outlook
Puede exportar ficheros .ics
el cual puede ser importado
en XPress
• Sunbird
Integrado en FireFox
Peude abrir y modificar
agendas
Google calendar
…
© 2009 AMX Confidential
SNMP
• Soporta “Simple Network Management Protocol” v2c
• Permite monitorizar el estado del SPX-1000, por ejemplo:
Estado de disponibilidad
Tiempo de funcionamiento
Carga del dispositivo
Estadisticas de red
Uso del espacio del almacenamiento
…
• Todos los estandares MIBs de Net-SNMP estan incluidos
• El SPX-1000 es un producto registrado
OID = 1.3.6.1.4.1.8942.1.1
Esto se muestra como el contenido SNMPv2-MIB::sysObjectID.0
(1.3.6.1.2.1.1.2.0) node
• Ejemplo de software de monitorización: OpenNMS
© 2009 AMX Confidential