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

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

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

Editors de gráficos vectoriales InkScape (  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 (  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 (  Software de animación gráfica profesional para la industria web Perfect SVG (  Herramientas de animación de bajo coste © 2009 AMX Confidential

Recursos SVG públicos Estandar W3C  Tutoriales W3  En Wikipedia  Introducción a SVG con ejemplos  Aplicacioens soportadas: Web browsers Authoring tools Mobile devices  Clip ARTS de código abierto  Archivos de clips aportados por usuarios.  © 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  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:  ó © 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 minutos Bitrate 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 minutos Bitrate 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 15 © 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:  Manipulación de los SVG DOM: © 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( );  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 © 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   © 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:  © 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:  © 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 =  Esto se muestra como el contenido SNMPv2-MIB::sysObjectID.0 ( ) node Ejemplo de software de monitorización: OpenNMS © 2009 AMX Confidential