Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Poner sonido a la imagen en eXeLearning - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 12 de julio de 2024 por Jose Manuel P.

89 visualizaciones

Video-tutorial que guía para añadir sonido a las imágenes de nuestro eXe

Más información Transcripción

Descargar la transcripción

Hola, este tutorial es para explicar el proceso para poner sonido a las imágenes de mi S-Learning. 00:00:00
Es decir, yo tengo imágenes en mi S-Learning y lo que quiero es que al hacer clic en la imagen 00:00:10
se reproduzca un sonido que yo he grabado con la grabadora de S-Learning. 00:00:18
Bien, pues vamos a ver el ejemplo. 00:00:23
Por ejemplo, aquí tenemos la imagen de un bicho bola y cuando yo pulso se va a escuchar la voz, mi voz grabada. 00:00:27
Esta es la imagen de un bicho bola que está comiendo bacterias y todo tipo de suciedad en el suelo. 00:00:37
Bien, pues este es el producto final. Vamos a ver cómo lo hemos hecho. 00:00:45
Vamos a ir al paso 1 y en el paso 1 lo primero que tenemos que hacer es grabar. 00:00:50
Abrimos un iDevice de texto y grabamos la voz que queramos. 00:00:55
Este proceso es para conseguir el nombre del archivo porque luego lo vamos a utilizar en los siguientes pasos. 00:01:02
Entonces tenemos que hacer esto. 00:01:11
Elegimos la grabadora, lo grabamos. 00:01:14
Este es un bicho bola y aparece de esta forma. 00:01:20
Entonces abrimos el HTML, en el editor aparece aquí, y vemos, localizamos donde el nombre de ese archivo. 00:01:23
Es fácil localizarlo porque en audio, buscamos audio, y en los controles vemos que el lugar donde se almacena 00:01:33
es una carpeta que se llama resource, y el nombre es todo esto, y está con la extensión web, 00:01:43
que puede ser también mp3 pues esto lo copiamos es importante porque lo vamos a utilizar después 00:01:51
después pasamos al segundo paso en el que vamos a abrir el html del device donde está la imagen 00:02:01
en nuestro ejemplo al abrir nos encontramos con este código con la imagen que está esto 00:02:11
src que significa que es el lugar donde se almacena el texto alternativo que no 00:02:19
hay nada y las dimensiones vale pues ahora lo importante es ponerle una 00:02:25
identificación a esta imagen para ello vamos a poner este valor id igual a 00:02:35
bicho yo le he llamado bicho pero si lo ponemos aquí a continuación de 00:02:40
Esto es importante porque luego el código va a buscar esta identificación de la imagen que le hemos puesto. 00:02:45
Para ello ya estamos preparados para pasar al paso 3. 00:02:55
Bien, pues ahora vamos a abrir el código HTML donde está la imagen y hemos visto que está así, tal cual. 00:02:59
Nosotros si tenemos más código porque está con más texto, pues lo que vamos a hacer es identificar la imagen con el bicho. 00:03:07
y vamos a pegar este código que lo hemos generado, que lo hemos creado a través de inteligencia artificial 00:03:21
y pegamos esto a continuación del código que teníamos anteriormente. 00:03:29
Teniendo la consideración siguiente, donde pone nombre de archivo, es el nombre que hemos sacado de esa manera en el paso 1, 00:03:38
lo ponemos aquí, en este caso, este ejemplo es este. 00:03:47
Lo pegamos en todo esto. 00:03:51
Y luego el nombre de la imagen. 00:03:56
El nombre de la imagen que le hemos puesto es bicho. 00:03:58
Se lo ponemos aquí. 00:04:02
Ahora lo que tenemos que hacer es pegar todo el código que hemos creado 00:04:03
y lo vamos a pegar en un device de texto. 00:04:08
Por ejemplo, título, prueba. 00:04:14
Abrimos el HTML. 00:04:21
y actualizamos y al guardar vemos que el producto final es este. Cuando hacemos clic sobre la imagen 00:04:24
este es un bicho bola que come suciedad del suelo. Bueno, pues este es el videotutorial para poner 00:04:38
imágenes. Seguro que se puede hacer de una forma más sencilla, pero bueno, esta es la que he encontrado 00:04:48
en el día de hoy. Muchas gracias. 00:04:53
Idioma/s:
es
Idioma/s subtítulos:
es
Autor/es:
José Manuel Padilla Rodríguez
Subido por:
Jose Manuel P.
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
89
Fecha:
12 de julio de 2024 - 0:28
Visibilidad:
Público
Enlace Relacionado:
https://www.educa2.madrid.org/web/educamadrid/principal/files/5735e055-f002-4c21-bd55-53c4535abb74/index.html?t=1720768953095
Centro:
EST ADMI D.G. DE BILINGÜISMO Y CALIDAD DE LA ENSEÑANZA
Duración:
06′ 40″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
62.82 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid