HTMLpointHTMLpoint HTMLpoint.com


 Definir la Head de un archivo SMIL



Antes que nada, creamos un archivo de texto asignándole extensión .smi.
Después, lo abrimos con nuestro editor de texto preferido (por ejemplo notepad para los sistemas windows). Como se ha dicho, SMIL es un lenguaje de marcadores(TAG), es decir una extensión xml del SGML, como el HTML.
Conociendo principalmente el HTML, intentemos seguir a través de la clásica estructura de un documento html las diferencias y las concordancias de los archivos con extensión smi.

Nuestros archivos smi (archivo de texto con extensión .smi) tienen que empezar y termina con los habituales paréntesis angulares:

<smil>
</smil>


Así como los archivos html empiezan y termina con:

<html>
</html>


Continuando con las analogía, con el familiar html, después de los marcadores principales que cierran el archivo, encontramos el siguiente código:

<head>
</head>


¿Qué escribimos en la head de un archivo smil?

En primer lugar, algunos marcadores que sirven para "titularlo", "firmarlo" y dotarlo de copyright:


El lector atento habrá notado que la célebre / está incluida en un único paréntesis angular.
Habrá notado también que son metamarcadores que, a diferencia de los META tags html, no sirven sólo para permitir la catalogación en los diferentes buscadores, sino también, y más simplemente, para darle un título al archivo.

En segundo lugar, definimos a través de una sintaxis que está fuertemente inspirada en CSS2 (Cascade Style Sheet, hojas de estilo en secuencia enla versión 2) la disposición (en inglés layout) de los diferentes archivos audio vídeo o, como se suele decir, "multimediales".

Para hacerlo, usamos el siguiente marcador:

<root-layout="text/smil-basic-layout">
</layout>


Este marcador tiene dos atributos fundamentales:

heigth: la altura de la ventana en la aplicación en la que aparecerán los archivos multimediales medida en pixel;

width: la altura de la ventana en la aplicación en la que aparecerán los archivos multimediales medida en pixel

La sintaxis precisa de este marcador y de sus atributos es la siguiente:

<root-layout="text/smil-basic-layout" height="200" width="200">
</layout>


dentro del marcador <root-layout></layout> insertamos un marcador ulterior:

<region id />

que indica la zona de la aplicación que nos permite leer un archivo .smi. Esta zona contendrá y permitirá ver el vídeo, la gráfica o el texto, y a partir de ahora la llamaremos VideoChannel, una imagen PixChannel, un texto TextChannel.

<region id /> tiene una serie de atributos que definirán:

  1. El título de esta zona, parte o área.

  2. La distancia en pixel a la izquierda de esta zona.

  3. La distancia en pixel a lo alto de esta zona.

  4. La altura en pixel de esta zona.

  5. La longitud en pixel de esta zona.

  6. El color de fondo de esta zona en código exadecimal.

  7. Este atributo significa relleno y "diseña" el archivo multimedial en correspondencia con la altura y la longitud definidas en los atributos anteriores. Puede haber otros valores que se describen detalladamente en el apéndice.
La sintaxiis precisa de este marcador y de sus atributos es la siguiente:

<region id = "VideoChannel">
marcador que indica la zona que contendrá el vídeo, la gráfica o el texto.

title = "MioVideo" título de esta zona.

left = "0" distancia en pixel a la izquierda de esta zona.

top = "0" distancia en pixel a lo alto de esta zona.

height = "0" altura en pixel de esta zona.

width = "0" longitud en pixel de esta zona.

background-color = "#888888" color de fondo de esta zona expresado en valores exadecimales

fit = "fill"/> este atributo "diseña" el archivo multimedial en correspondencia con la altura y la longitud definidas en los atributos anteriores

A través de los atributos left y top que controlan la disposición espacial, hemos insertado las diferentes ventanas en las que aparecerán nuestros archivos multimediales.

En este punto, podemos cerrar la zona head.

Resumiendo brevemente, dentro de esta zona hemos declarado una serie de META tags que dan noticia sobre el archivo .smi en cuestión. Además, hemos definido los marcadores de disposición y region id que indican cómo tienen que colocarse y el aspecto de nuestros archivos multimediales. Tomamos el esquema gráfico de los marcadores de la sección head:



En rojo hemos indicado el espacio gestionado por:

<root-layout ="text/smil-basic-layout" height="0" width="0">
</layout>


En azul, el espacio definido por <region id /> dedicado al vídeo.

En amarillo, el espacio definido por <region id /> dedicado a las imágenes

En verde, el espacio definido por <region id /> dedicado al texto.


  Torna a inizio pagina