SESIÓN 6
Videos y audios
(Formatos de videos
y audios, IAs
generativas)
Audios
<audio controls>
<source src=“audios/nombre.mp3“
type="audio/mp3">
</audio>
Videos
para nuestro libro, los formatos que usaremos
serán MP4, WebM u Ogg. La etiqueta usada
para ello es la siguiente (si es formato mp4):
<video controls=“” width="252" height="448“ poster =
"videos/poster/ejemplo.png"> <source
src="videos/ejemplo.mp4"
type="video/mp4“></video>
Ejemplos de videos en el libro
Formato por
defecto
Video en una
caja
Video flotando
en un párrafo
Video tipo
short
¿Cómo genero videos en local?
¿Cómo genero audios?
Videos de YouTube y Vimeo
<div class="interactive"
width="560" height="315"
src="https://www.youtube.com/
embed/podf-jQjxaM"></div>
<div class="interactive" width="560"
height="315"
src="https://player.vimeo.com/video/47
286916"></div>
Video flotante
<div class="flota_d">
<video width="100%“ controls=""
poster="videos/poster/ejemplo.png">
<source src="videos/video.mp4" type =
"video/mp4"></video>
<figcaption prefix="Video">"La bacteria E
coli" (Video generado por la IA
Fliki).</figcaption>
</div>
Video generado por fliki.ai
Tarea
El viernes 26 de enero de 2024 deben estar
subidos los libros con, al menos, 12 páginas
(títulos, párrafos, imágenes) y, al menos, dos
videos, uno de ellos de Vimeo
¡Feliz 2024!

Más contenido relacionado

PPTX
Sesión 7. Diseño libros interactivos (V Edición)
PPTX
Sesión 5. Diseño libros interactivos (V Edición)
PPTX
Sesión 4. Diseño libros interactivos (V Edición)
PPTX
Sesión 3. Diseño libros interactivos (V Edición)
PPTX
Sesión 2. Diseño libros interactivos (V Edición)
PPTX
Sesión 1. Diseño libros interactivos (V Edición)
PDF
Aprendiendo con el Proyecto Descartes
PDF
¿A qué jugamos hoy en clase de mates?
Sesión 7. Diseño libros interactivos (V Edición)
Sesión 5. Diseño libros interactivos (V Edición)
Sesión 4. Diseño libros interactivos (V Edición)
Sesión 3. Diseño libros interactivos (V Edición)
Sesión 2. Diseño libros interactivos (V Edición)
Sesión 1. Diseño libros interactivos (V Edición)
Aprendiendo con el Proyecto Descartes
¿A qué jugamos hoy en clase de mates?

Más de RED Descartes (20)

PDF
Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...
PDF
El Proyecto Descartes en el aula
PDF
Aulas con ProyectoDescartes.org
PDF
Descartes y Geogebra: una relación de conveniencia
PPSX
Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.
ODP
Aprender programando con Scratch
PPSX
I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA
PPS
Congreso ENCIGA 2013
PPTX
La RED Descartes soporte para Enseñar a Aprender, Aprender a Aprender y Ap...
PPTX
Metodología y Procesos de E-A. Libros de Texto Digital y Material Interactivo
ODP
Desarrollo colaborativo de competencias en la Escuela TIC 2.0
ODP
La PDI en un Proyecto de Innovación Educativa
PDF
Utilización na aula de matemáticas dos recursos dixitais e cadernos de trabal...
PDF
Libros digitales y cuadernos de trabajo para Matemáticas
ODP
Descartes, mediador virtual para el Cálculo
ODP
Matemáticas manipulativas con Descartes
PDF
XXII Congreso de Enciga
PPT
Helvia en el aula de Matemáticas
PPS
Proyecto EDA'2008 en Galicia
PPT
La bit, el brujo de las letras y Alicia
Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...
El Proyecto Descartes en el aula
Aulas con ProyectoDescartes.org
Descartes y Geogebra: una relación de conveniencia
Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.
Aprender programando con Scratch
I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA
Congreso ENCIGA 2013
La RED Descartes soporte para Enseñar a Aprender, Aprender a Aprender y Ap...
Metodología y Procesos de E-A. Libros de Texto Digital y Material Interactivo
Desarrollo colaborativo de competencias en la Escuela TIC 2.0
La PDI en un Proyecto de Innovación Educativa
Utilización na aula de matemáticas dos recursos dixitais e cadernos de trabal...
Libros digitales y cuadernos de trabajo para Matemáticas
Descartes, mediador virtual para el Cálculo
Matemáticas manipulativas con Descartes
XXII Congreso de Enciga
Helvia en el aula de Matemáticas
Proyecto EDA'2008 en Galicia
La bit, el brujo de las letras y Alicia
Publicidad

Último (20)

DOCX
Área transición documento word el m ejor
PDF
Esc. Sabática lección 9. Cómo vivir la ley.pdf
PDF
Porque Nadie Me Lo Dijo Antes - Julie Smith Ccesa007.pdf
DOCX
Programa Analítico- Lenguajes-Ingles 3º (1).docx
PDF
FASE-4-Tercero-y-Cuarto_Vinculacion-entre-Contenidos-del-Programa-Sintetico-y...
PDF
GUÍA INTEGRADA PROMOCIÓN HORIZONTAL 2024-2025 (1).pdf
PDF
PROSPECTO_ADMISION_PRESENCIAL_2025Medici
PDF
1er Grado - Dosificación Anual con Contenidos y PDA (2025-2026) (1).pdf
PDF
Diversos-Rostros-de-la-EPJA-una-vision-desde-universidades-publicas-latinoame...
PDF
tu hijo tu espejo: libro que te ayudará a comprender la relación padres e hij...
PDF
Guía de Genética de aces descargado de manera libre
PPTX
Programa analitico 2024-2025 Jardín de niños Ramón Gonzáles Villarreal. T.M. ...
PDF
Manual-de-Cargos-y-Funciones-V-02-11-2025
PDF
Temas a elegir para desarrollar oralmente 2do cuatri 2025.pdf
PPTX
contenidosypda-faase-3-230824191024-49ac7ac3.pptx
PDF
4. Guía para el Seguimiento y Evaluación de Proyectos Sociales.pdf
PDF
ESTRATEGIAS_PARA_CONSTRUIR_LA_CONVIVENCI.pdf
PDF
50000 mil words en inglés más usados.pdf
DOCX
PROGRAMA ANALITICO ESCUela en san luis potosi 25-26.docx
PPTX
preeclampsia + eclampsia, sindrome de HeLLP
Área transición documento word el m ejor
Esc. Sabática lección 9. Cómo vivir la ley.pdf
Porque Nadie Me Lo Dijo Antes - Julie Smith Ccesa007.pdf
Programa Analítico- Lenguajes-Ingles 3º (1).docx
FASE-4-Tercero-y-Cuarto_Vinculacion-entre-Contenidos-del-Programa-Sintetico-y...
GUÍA INTEGRADA PROMOCIÓN HORIZONTAL 2024-2025 (1).pdf
PROSPECTO_ADMISION_PRESENCIAL_2025Medici
1er Grado - Dosificación Anual con Contenidos y PDA (2025-2026) (1).pdf
Diversos-Rostros-de-la-EPJA-una-vision-desde-universidades-publicas-latinoame...
tu hijo tu espejo: libro que te ayudará a comprender la relación padres e hij...
Guía de Genética de aces descargado de manera libre
Programa analitico 2024-2025 Jardín de niños Ramón Gonzáles Villarreal. T.M. ...
Manual-de-Cargos-y-Funciones-V-02-11-2025
Temas a elegir para desarrollar oralmente 2do cuatri 2025.pdf
contenidosypda-faase-3-230824191024-49ac7ac3.pptx
4. Guía para el Seguimiento y Evaluación de Proyectos Sociales.pdf
ESTRATEGIAS_PARA_CONSTRUIR_LA_CONVIVENCI.pdf
50000 mil words en inglés más usados.pdf
PROGRAMA ANALITICO ESCUela en san luis potosi 25-26.docx
preeclampsia + eclampsia, sindrome de HeLLP
Publicidad

Sesión 6. Diseño libros interactivos (V Edición)

  • 1. SESIÓN 6 Videos y audios (Formatos de videos y audios, IAs generativas)
  • 3. Videos para nuestro libro, los formatos que usaremos serán MP4, WebM u Ogg. La etiqueta usada para ello es la siguiente (si es formato mp4): <video controls=“” width="252" height="448“ poster = "videos/poster/ejemplo.png"> <source src="videos/ejemplo.mp4" type="video/mp4“></video>
  • 4. Ejemplos de videos en el libro Formato por defecto Video en una caja Video flotando en un párrafo Video tipo short
  • 7. Videos de YouTube y Vimeo <div class="interactive" width="560" height="315" src="https://www.youtube.com/ embed/podf-jQjxaM"></div> <div class="interactive" width="560" height="315" src="https://player.vimeo.com/video/47 286916"></div>
  • 8. Video flotante <div class="flota_d"> <video width="100%“ controls="" poster="videos/poster/ejemplo.png"> <source src="videos/video.mp4" type = "video/mp4"></video> <figcaption prefix="Video">"La bacteria E coli" (Video generado por la IA Fliki).</figcaption> </div> Video generado por fliki.ai
  • 9. Tarea El viernes 26 de enero de 2024 deben estar subidos los libros con, al menos, 12 páginas (títulos, párrafos, imágenes) y, al menos, dos videos, uno de ellos de Vimeo ¡Feliz 2024!