rea de Ingeniera Telemtica Departamento de Informtica Universidad

  • Slides: 21
Download presentation
Área de Ingeniería Telemática Departamento de Informática Universidad de Oviedo Estandar SMIL y aplicaciones

Área de Ingeniería Telemática Departamento de Informática Universidad de Oviedo Estandar SMIL y aplicaciones Diseño de un Sistema de Coordinación de un Servicio de Audio en Internet con Información Adicional sobre los Contenidos Presentados Autora Raquel Sánchez Paniagua

Índice w Introducción w Motivaciones w Estándar SMIL n n Integración de contenidos Disposición

Índice w Introducción w Motivaciones w Estándar SMIL n n Integración de contenidos Disposición de contenidos Sincronización transiciones w Ejemplo de aplicación n n Arquitectura del sistema Descripción del SMIL w Conclusiones w Trabajos futuros

Introducción w El incremento en la calidad de las líneas de acceso de los

Introducción w El incremento en la calidad de las líneas de acceso de los usuarios, ha propiciado n Aparición de múltiples servicios l n Prensa digital, servicios de radio en Internet, servicios de video, p 2 p, … Aparición de múltiples medios audio texto video audio imágenes

Motivaciones w La multitud de medios disponibles en Internet aumenta la riqueza de los

Motivaciones w La multitud de medios disponibles en Internet aumenta la riqueza de los contenidos ofertados w ¿Qué pasaría si además coordinamos todo estos contenidos? Grupo 2 texto Grupo 1 texto

SMIL es un estándar del W 3 C basado en XML. Permite sincronizar e

SMIL es un estándar del W 3 C basado en XML. Permite sincronizar e integrar audio, video, imágenes, texto… a presentaciones multimedia. n n n Junio 1998 SMIL 1. 0 Agosto 2001 SMIL 2. 0 Dicientre 2005 SMIL 2. 1

Estructura w Smil: contiene todos los elementos de un documento smil. w head: Contiene

Estructura w Smil: contiene todos los elementos de un documento smil. w head: Contiene información sobre el interfaz de la presentación y otra meta-información. w body: Contiene los elementos propios de la presentación, tales como los contenidos, los enlaces o la temporización. w layout: Contiene todo lo relativo a la distribución, incluidos los atributos de una ventana. w region: Para introducir un objeto multimedia en una presentación.

Integración de contenidos w w w w ref: referencia para cualquier tipo de contenidos.

Integración de contenidos w w w w ref: referencia para cualquier tipo de contenidos. animation: para animaciones. audio: fichero de audio. Img: Imagen cono JPEG, png. . Text: Referecia a un texto. Texstream: Texto con información sincronizada. Video: Contenido de video

Disposición de contendos Permite posicionar los diferentes contenidos en las presentaciones multimedia. w Layout:

Disposición de contendos Permite posicionar los diferentes contenidos en las presentaciones multimedia. w Layout: Define una colección de regiones para la presentación. w Root-layout: Define la pantalla principal de la presentación. w Región: Para cada objeto multimedia es necesario definir una región

Atributos w id: Identificador para posteriormente referirse a la región. w left, right, top,

Atributos w id: Identificador para posteriormente referirse a la región. w left, right, top, botton: Son atributos que definen la ubicación de la región en la pantalla. w Width, height: atributos que define la anchura y altura de la región. w Z-index: Sirve para definir qué región se colocará por encima cuando más de una región coinciden en el espacio. w El atributo fit permite ajustar los objetos a sus regiones contenedoras. w background. Color: Esta cualidad especifica el color del fondo de la región.

Ejemplo de smil <? xml version="1. 0" encoding="UTF-8"? > <!DOCTYPE smil PUBLIC "-//W 3

Ejemplo de smil <? xml version="1. 0" encoding="UTF-8"? > <!DOCTYPE smil PUBLIC "-//W 3 C//DTD SMIL 2. 0//EN" "http: //www. w 3. org/2001/SMIL 20. dtd"> <smil xmlns="http: //www. w 3. org/2001/SMIL 20/Language"> <head> <layout> <root-layout title=" RADIO IMAGEN " id="layout 1" width="300" height="400"/> <region id="R 1" left="0%" right="0%" width="300" height="300" fit="fill"/> <region id="R 2" left="0%" right="0%" width="300" height="100" top="300" fit="fill"/> <region id="R 3" left="0%" right="0%" fit="fill"/> </layout> </head> <body> <par> <img src=". /imagen 1. jpg" reg. Point="middle" id="img 1" region="R 1" fit="fill"/> <textstream src=". /texto 1. rt" region="R 2" /> <audio src=". /musica. mp 3" region="R 3"/> </par> </body> </smil>

Sincronización La sincronización define los elementos y cualidades para coordinar y sincronizar las presentaciones

Sincronización La sincronización define los elementos y cualidades para coordinar y sincronizar las presentaciones multimedia. Se define tres elementos para realizarla: w Seq: cada hijo comienza cuando finaliza el anterior. w Par: Todos los hijos son iniciados a la vez. w Excl: No impone orden. No se puede reproducir más de un hijo a la vez.

Atributos w w w w Begin: Comienzo por defecto. End: fin por defecto. Dur:

Atributos w w w w Begin: Comienzo por defecto. End: fin por defecto. Dur: Duración explicita que sustituye a la implícita. repeat. Dur: Iterar durante un periodo concreto. repeat. Cout: Iterar un nº de veces concreto. Min: Valor de tiempo mínimo de presentación Max: Valor de tiempo máximo de presentación.

Transiciones <? xml version="1. 0" encoding="UTF-8"? > … <head> <layout> … </layout> <transition id="tran

Transiciones <? xml version="1. 0" encoding="UTF-8"? > … <head> <layout> … </layout> <transition id="tran 1" type="bar. Wipe" subtype="left. To. Right" dur="4 s" /> <transition id="tran 2" type="iris. Wipe" subtype="rectangle" dur="4 s" direction="reverse"/> <transition id="star 1" type="star. Wipe" subtype="five. Point" dur="4 s" /> <transition id="star 2" type="star. Wipe" subtype="five. Point" dur="4 s" direction="reverse"/> <transition id="fade 1" type="fade" subtype="crossfade" dur="4 s"/> <transition id="fade 2" type="fade" subtype="crossfade" dur="4 s" direction="reverse"/> </head> <body>. . . </body> </smil>

Servicio de música en Internet con información adicional w Añadir a un sistema de

Servicio de música en Internet con información adicional w Añadir a un sistema de música en Internet, información sobre los grupos que se están reproduciendo en cada momento n n Añade valor al servicio Permite al usuario conocer de una forma sencilla datos relacionados con los grupos que capten su atención l l l Formación Discografía Enlaces a tiendas virtuales donde se vendan los discos w Coordinación de múltiples fuentes de información

Arquitectura del sistema Ficheros de texto Ficheros de audio Ficheros de imágenes Base de

Arquitectura del sistema Ficheros de texto Ficheros de audio Ficheros de imágenes Base de datos Usuario Genera SMIL y programación Fichero Smil Coordina las canciones de la radio y las imágenes y la información en formato texto Página web Contiene una referencia al SMIL Servicio de streaming

Base de datos w Grupos dados de alta en el sistema: n n n

Base de datos w Grupos dados de alta en el sistema: n n n ID grupo. Nombre del grupo. Miembros. Estilo musical. Discografía. w Canciones dadas de alta en el sistema: n n ID canción Ruta y fichero de la canción. Duración de la canción. ID grupo al que pertenece la canción. w Imágenes dadas de alta en el sistema: n n n ID de la imagen. Ruta y fichero de la imagen. ID del grupo al que pertenece la canción. w Ficheros de texto dados de alta en el sistema: n n n ID del fichero de texto Ruta y fichero de texto ID del grupo al que pertenecen A partir de esta información, se puede generar un SMIL que coordine el audio, con las imágenes, con el texto relacionado con el grupo

SMIL generado <smil xmlns="http: //www. w 3. org/2001/SMIL 20/Language"> …. Emisión continua Coordinación de

SMIL generado <smil xmlns="http: //www. w 3. org/2001/SMIL 20/Language"> …. Emisión continua Coordinación de los contenidos <body> relacionados con una canción <seq repeat. Count=“indefinite"> <par> <audio src=“rtsp: //Servidor/Cancion 1. rm" " region="R 3"/> <img src=". /Grupo 1. jpg" dur=“Duracion. Cancion 1" region="R 1"/> <textstream src=". /Grupo 1. rt" region="R 2" dur=“Duracion. Cancion 1"/> </par> <audio src=“rtsp: //Servidor/Cancion 2. rm" " region="R 3"/> <img src=". /Grupo 2. jpg" dur=“Duracion. Cancion 2" region="R 1"/> <textstream src=". /Grupo 2. rt" region="R 2" dur=“Duracion. Cancion 2"/> </par> … </seq> </body> </smil>

Presentación del servicio al usuario w El aspecto del servicio cuando se presenta al

Presentación del servicio al usuario w El aspecto del servicio cuando se presenta al usuario es el siguiente: Imagen o Imágenes representativas del grupos Texto con información relacionada; discos, , nombres, … Reproducción de audio Las imágenes y el texto irán evolucionando con las canciones presentadas al usuario

Conclusiones w La coordinación de contenidos multimedia amplia aún más las posibilidades de los

Conclusiones w La coordinación de contenidos multimedia amplia aún más las posibilidades de los servicios multimedia en Internet n n n Ampliar los servicios ofertados Añadir nuevas funcionalidades Atraer a más clientes w En este trabajo se han descrito las bases de funcionamiento del lenguaje SMIL y se ha presentado una posible aplicación

Trabajos futuros w Extensión de funcionamiento del sistema presentado a un sistema de radio

Trabajos futuros w Extensión de funcionamiento del sistema presentado a un sistema de radio en directo n emisión continua de contenidos y común para todos los usuarios. l problema de la sincronización entre los contenidos de audio y la información complementaria w Generación de subtítulos o información relacionada con los videos presentados al usuario en un servicio de video streaming en Internet w Interacción de SMIL con otros estándares del consorcio W 3 C

Área de Ingeniería Telemática Departamento de Informática Universidad de Oviedo Estandar SMIL y aplicaciones

Área de Ingeniería Telemática Departamento de Informática Universidad de Oviedo Estandar SMIL y aplicaciones Diseño de un Sistema de Coordinación de un Servicio de Audio en Internet con Información Adicional sobre los Contenidos Presentados Autora Raquel Sánchez Paniagua