Technical Background SPX-1000 © 2009 AMX Confidential.

Presentación del tema: "Technical Background SPX-1000 © 2009 AMX Confidential."— Transcripción de la presentación:

1 Technical Background SPX-1000 © 2009 AMX Confidential

2 SPX-1000 y Scaled Vector Graphics Scaled Vector Graphics (SVG) es la descripción del lenguaje usado por el SPX- 1000 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

3 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

4 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...  Atributos viewBox snapshotTime Height … © 2009 AMX Confidential

5 Tags Basicos para Figuras  Dibuja un rectangulo  Ejemplo: un rectangulo azul  Dibuja una línea  Ejemplo: una línea roja de 10 pixels  Dibuja un círculo  Ejemplo: un criculo verde con un borde negro Más:  http://www.w3.org/TR/SVGMobile12/shapes.html © 2009 AMX Confidential

6 Ejemplos de Media Tags Insertar una imagen   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

7 Editors de gráficos vectoriales InkScape (http://www.inkscape.org/)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

8 Animaciones de gráficos vectoriales IKIVO Animator (www.ikivo.com)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)http://xstreamsoftware.com/rapidsvg_featuretour1.htm  Software de animación gráfica profesional para la industria web Perfect SVG (http://www.perfectsvg.com/)http://www.perfectsvg.com/  Herramientas de animación de bajo coste © 2009 AMX Confidential

9 Recursos SVG públicos Estandar W3C  http://www.w3.org/TR/SVGMobile12/ http://www.w3.org/TR/SVGMobile12/ Tutoriales W3  http://www.w3schools.com/svg/default.asp 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/Svghttp://en.wikipedia.org/wiki/Svg Clip ARTS de código abierto  Archivos de clips aportados por usuarios.  http://openclipart.org/ http://openclipart.org/ © 2009 AMX Confidential

10 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

11 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

12 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

13 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

14 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

15 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 15 © 2009 AMX Confidential

16 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

17 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

18 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

19 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

20 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

21 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

22 Variables compartidas Comparte información entre documentos y/o players Simple API  Crear una variable var v=createSharedVariable( 'XY' ); var v2=createSharedVariable( 'XY@192.1689.1.10' );  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

23 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

24 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

25 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

26 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

27 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

28 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

29 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