1 minute read
Audio
Haz clic sobre la imagen (crédito: https://emprendedoresnews.com/).
Un libro, por lo general, presenta abundancia de imágenes (fotos, dibujos, gráficos, esquemas, planos, etc.) y, particularmente, objetos interactivos. Sin embargo, se ha evidenciado que existen personas que aprenden más con el uso de audios que, en términos de Gardner, podría ser una especie de inteligencia auditiva20 .
Advertisement
Surgen, entonces, modelos de aprendizaje auditivo y, como recurso digital, los audio-libros. Un ejemplo de este último, fue publicado en el Proyecto iCartesiLibri, titulado English Level 1).
20
Gardner defiende la que él llama Inteligencia lingüística o verbal, donde somos hábiles haciéndonos entender y entendiendo lo que se nos dice
Los formatos de audio para HTML son mp3, wav y ogg, donde mp3 es el formato mejor soportado por la mayoría de los navegadores (véase https://www.caniuse.com/mp3). El código a usar es de la forma:
<audio controls><source src= "audios/gato.mp3"
type= "audio/mp3"></audio>
Cuyo resultado, se aprecia a continuación:
Un primer ejemplo interesante, lo podemos diseñar usando una tabla con imágenes (descargadas de pixabay) y sonidos (descargados de http://sonidosmp3gratis.com/), tal como se muestra a continuación.
0:00 / 0:01
<table> <tr> <td><img onclick="openInteractive('audios/gato.mp3', '250', '90')" src="audios/gato.png" width="60%"></td> <td><img onclick="openInteractive('audios/gallo.mp3', '250', '90')" src="audios/gallo.png" width="70%"></td> <td><img onclick="openInteractive('audios/leon.mp3', '250', '90')" src="audios/leon.png" width="80%"></td> </tr> <tr> <td><img onclick="openInteractive('audios/perro.mp3', '250', '90')" src="audios/perro.png" width="80%"></td> <td><img onclick="openInteractive('audios/oveja.mp3', '250', '90')" src="audios/oveja.png" width="80%"></td> <td><img onclick="openInteractive('audios/vaca.mp3', '250', '90')" src="audios/vaca.png" width="80%"></td> </tr> </table>
¡Haz clic sobre una imagen!
La pega, como dicen los colegas españoles, es que los controles de sonido aparecen en ventanas emergentes. Veamos una versión diseñada en DescartesJS (haz clic sobre una imagen):
La ventaja de este libro interactivo es que funciona gracias al uso de HTML, CSS y JavaScript; por lo que si se cuentan con conocimientos de programación en JavaScript es posible reproducir un audio al presionar sobre una imagen, como podemos observar en el siguiente ejemplo.
¡Haz clic sobre una imagen!
Hay que mencionar que la implementación anterior es simple y concisa, pero no es la más eficiente y es propensa a fallar al no precargar los audios, razón por la cual no se presenta el código utilizado.
A propósito de tablas, un elemento multimedia de mucho uso que amerita un apartado especial, pues su diseño demanda tiempo que depende del número de celdas de la tabla y del estilo que deseemos incorporar.
