• Vídeo interactivo con enlaces a otras escenas interactivas de Descartes. Vídeo interactivo YouTube (quinto modelo)

    Vídeo interactivo con enlaces a otras escenas interactivas de Descartes

    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:

  • Vídeo interactivo y escena interactiva simultánea. Vídeo interactivo YouTube (sexto modelo)

    Vídeo interactivo y escena interactiva simultánea

    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:

    • Escena de escritura de decimales del Proyecto Pizarra Interactiva. Corresponde al modelo cuya carpeta es video_interactivo_modelo6_YouTube, el vídeo lo hemos diseñado con Camtasia y subido a YouTube.
    • Escena de colorea comunidades del Proyecto GEOgráfica. Corresponde al modelo cuya carpeta es colorea(video_interactivo)-JS. En este caso, se muestra un vídeo de la región andaluza, luego aparece la escena interactiva para colorear una provincia, si esto se hace bien, se muestra un vídeo de esa provincia, además de colorearla.

    Estos son los vídeos:

    (Puedes descargar esta escena desde este enlace)

    (Puedes descargar esta escena desde este enlace)

  • Vídeos interactivos en local

    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:

  • Audios y vídeos interactivos con Descartes

    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.

    (Puede descargar  esta escena desde este enlace)
    En el siguiente documento tenemos una descripción de cómo se puede desarrollar esta escena:
  • Audio y vídeo mediante espacios HTMLIframe

    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

    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)