Documentación técnica de la herramienta Descartes y del intérprete DescartesJS
Una de las aplicaciones interesantes de los vídeos interactivos, es la posibilidad de incluir varias escenas interactivas, que se cargan de acuerdo a los tiempos que definamos para que el vídeo haga una pausa. En este ejemplo, hemos incluido dos escenas.
(Puedes descargar esta escena desde este enlace)
En el siguiente documento tenemos una descripción de cómo se puede modificar esta escena:
Una alternativa al modelo anterior, es incluir los comandos de vídeo en una escena interactiva. Dado que cada escena tiene sus particularidades, no damos un instructivo. Sin embargo, algunos elementos comunes son: inclusión de un HTMLIframe con el vídeo, controles para reproducir o detener el vídeo (véanse en este modelo las funciones parada() y controles()), vector de control de tiempo y las instrucciones generales que se dan en los algoritmos de INICIO y CALCULOS. En la escena, se incluiría un control de retorno al vídeo.
A continuación, mostramos dos ejemplos de este tipo de modelo:
Estos son los vídeos:
(Puedes descargar esta escena desde este enlace)
(Puedes descargar esta escena desde este enlace)
Estos modelos de vídeos interactivos incorporan vídeos almacenados en una carpeta de cada modelo; es decir, modelos para ejecución en local, si bien es posible reproducirlos en línea en ordenadores y algunos dispositivos móviles, su propósito principal es poderlos descargar e instalar en ordenadores que presentan baja conectividad. Los vídeos deben estar en formato HTML5, tales como mp4, webm y ogv.
El ejemplo que presentamos a continuación, carga algunos vídeos en los formatos anteriores.
Los cuatro modelos que hemos diseñado, los puedes descargar en este enlace
En el siguiente documento se presenta toda la información sobre este tipo de vídeos interactivos, además de los que usamos con enlaces a YouTube:
En la siguiente escena tenemos un ejemplo de cómo se puede hacer con Descartes que un vídeo sea interactivo, es decir, que no sea sólo un instrumento de comunicación pasiva sino que requiera la participación activa del usuario.
HTML5 cuenta con etiquetas específicas para incorporar y gestionar los audios y vídeos. Una explicación de éstas puede encontrarla por ejemplo en este enlace. Ahí puede observar la alternativa de usar el elemento <source> para especificar múltiples fuentes de archivos con el fin de proporcionar vídeo o audio codificados en formatos diferentes para diferentes navegadores salvando posibles incompatibilidades (al final de este artículo puede leer el comentario acerca de la compatibilidad de formatos de audio y vídeo y los navegadores).
Uso de diferentes fuentes para un vídeo
El código anterior reproduce el archivo Ogg en navegadores que admiten el formato Ogg. Si el navegador no admite Ogg, el navegador usará el archivo MPEG-4. Obviamente el coste se centra en que es necesario contar con un mismo soporte en diferentes formatos, es decir una conversión previa a los formatos deseados, y el almacenamiento adicional necesario para cada fichero.
Dado que Descartes cuenta con espacios HTMLIframe que permiten embeber código HTML5 una alternativa para incluir audios y vídeos en una escena y evitar esas posibles incompatibildiades puede ser construir una página html que gestione esos recursos utilizando el código HTML5 descrito y embeber esa página en un espacio de ese tipo. El control de esos recursos (reproducción, pausa y parada, etc.), vendrá aportado por el propio HTML y los parámetros que desee incluir en él. Aquí Descartes actúa como mero contenedor.
En la siguiente escena puede observarlo:
Obviamente esta estrategia también puede usarse para embeber otros audios y vídeos publicados en la red. Por ejemplo desde youtube, como podemos observar en la siguiente escena:
(Puede descargar la escena anterior y ésta desde este enlace)
Comentarios recientes