Diapositiva 1

Technical Background SPX-1000 2009 AMX Confidential

Diapositiva 2

SPX-1000 y Scaled Vector Graphics Scaled Vector Graphics (SVG) es la descripcin del lenguaje usado por el SPX- 1000 Esta tecnologa es usada para: Definir el layout Insertar elementos multi-media en escena Aplicar animaciones a los elementos en escena Scripting Interactividad 2009 AMX Confidential

Diapositiva 3

SVG Tiny 1.2 SVG es un lenguaje para describir grficos 2D en XML Los objetos de un grfico SVG: Formas grficas vectoriales Multimedia (imgenes, 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

Diapositiva 4

SVG en XPress La aplicacin Xpress incluye un editor XML En la pestaa XML del panel de edicin Muesta y edita el contenido XML Puedes aadir, editar y eliminar: Elementos... Atributos viewBox snapshotTime Height 2009 AMX Confidential

Diapositiva 5

Tags Basicos para Figuras Dibuja un rectangulo Ejemplo: un rectangulo azul Dibuja una lnea Ejemplo: una lnea roja de 10 pixels Dibuja un crculo Ejemplo: un criculo verde con un borde negro Ms: http://www.w3.org/TR/SVGMobile12/shapes.html 2009 AMX Confidential

Diapositiva 6

Ejemplos de Media Tags Insertar una imagen Posicin de la imagen: x=200,y=10 Tamao 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

Diapositiva 7

Editors de grficos vectoriales InkScape (http://www.inkscape.org/)http://www.inkscape.org/ Editor de cdigo abierto con capacidades similares a Illustrator, CorelDraw, or Xara X Usa este editor para crear escenas, logos, y fondos 2009 AMX Confidential

Diapositiva 8

Animaciones de grficos vectoriales IKIVO Animator (www.ikivo.com)www.ikivo.com Software de animacin grfica profesional para la industria de dispositivos mviles 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 animacin grfica profesional para la industria web Perfect SVG (http://www.perfectsvg.com/)http://www.perfectsvg.com/ Herramientas de animacin de bajo coste 2009 AMX Confidential

Diapositiva 9

Recursos SVG pblicos Estandar W3C http://www.w3.org/TR/SVGMobile12/ Tutoriales W3 http://www.w3schools.com/svg/default.asp En Wikipedia Introduccin a SVG con ejemplos Aplicacioens soportadas: Web browsers Authoring tools Mobile devices http://en.wikipedia.org/wiki/Svg Clip ARTS de cdigo abierto Archivos de clips aportados por usuarios. http://openclipart.org/ 2009 AMX Confidential

Diapositiva 10

Video Diferentes aspectos de los ficheros de video El algoritmo de compresin: 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 cdigo fuente MPEG2-layer3 (mp3), window media audio (WMA), 2009 AMX Confidential

Diapositiva 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) Mxima resolucin: 720x480@30fps 720x576@25fps 2009 AMX Confidential

Diapositiva 12

Formatos de video soportados AVI Tambin usado en ficheros DivX Buen formato para almacenamiento Quicktime (MOV) Mpeg transport stream (VOB) Ficheros extraidos de DVDs Formato de Window Media ASF, WMV, WMA 2009 AMX Confidential

Diapositiva 13

Contenidos de video en XPress En XPress Abrir el fichero media Las propiedades se muestran en el panel de edicin Ejemplo: avatar.mpg Video Codec: mpeg2 Tamao: 720x480 Duracin del video 209.2092 minutos Bitrate 3.766 Mbps Audio Codec: mp2 Fecuencia: 32 KHz Bitrate: 224 kbps 2009 AMX Confidential

Diapositiva 14

Contenidos de video en XPress Otro ejemplo File: avatar.mov Video Codec: h264 Tamao: 848x480 Duracin del video 246.788455 minutos Bitrate 1.809 Mbps Audio No hay audio asociado al video 2009 AMX Confidential

Diapositiva 15

Comprbacin de ficheros de video Importacin 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

Diapositiva 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 conexin 2009 AMX Confidential

Diapositiva 17

Video Streaming La conexion a Internet debe estar disponibile El video no se aloja en la cache Conexin 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 va http Crea un fichero local ASX referenciando al URI del servidor 2009 AMX Confidential

Diapositiva 18

Scripting JavaScript Soporta nativamente SVG Implementado en el player SPX-1000 Los scripts deben ser ejecutados desde cada frame PHP Lenguaje generico de scripts Generacin offline de ficheros SVG 2009 AMX Confidential

Diapositiva 19

JavaScript Lenguaje nativo de script SVG Lenguaje recomendado Ejecutado dentro de la mquina de render Informacin sobre SVG-JavaScript Como incluir scripts: http://www.w3.org/TR/SVGMobile12/script.html Manipulacin de los SVG DOM: http://www.w3.org/TR/SVGMobile12/svgudom.html 2009 AMX Confidential

Diapositiva 20

Cuando usar JavaScript Crear dinmicamente ficheros SVG Playlist RSS news Indices burstiles, prediccin meteorolgica, Modificacinen tiempo real de documentos Informacinen tiempo real (Instant messaging) Interactividad Text layout Adaptacin del texto a la resolucin del display... Extraer informacin desde servers/internet Igual que AJAX para HTML 2009 AMX Confidential

Diapositiva 21

Adaptaciones JavaScript Metodos adicionales: Mtodos 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

Diapositiva 22

Variables compartidas Comparte informacin 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

Diapositiva 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

Diapositiva 24

Cuando usar PHP Crear ficheros SVG dinmicamente Formateo y consulta de bases de datos Conversion de pginas web a formato SVG Procesado off-line Formateo de contenidos que cambian en origen 2009 AMX Confidential

Diapositiva 25

Extensin HTTP: WebDAV Que es? Una extensin 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 Ms 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

Diapositiva 26

Como usar WebDAV Descarga de ficheros desde un servidor Usa el mtodo estandar HTTP GET Subir ficheros a un servidor Usa el mtodo estandar HTTP PUT Borrado de ficheros Creacin de directorios (colecciones) Listado del contenido de una carpeta Almacenamiento y recuperacin de metadatos 2009 AMX Confidential

Diapositiva 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 reproduccin de contenidos media Estandar abierto IETF (RFC 2445) Enlace: http://tools.ietf.org/html/rfc2445 2009 AMX Confidential

Diapositiva 28

Generacin 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

Diapositiva 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 monitorizacin: OpenNMS 2009 AMX Confidential