Los elementos HTML de audio y video son una parte importante del desarrollo web moderno. Permiten a los desarrolladores insertar fácilmente archivos de audio y video en sus páginas, lo que hace que la experiencia del usuario sea más rica e interactiva.
El elemento
se utiliza para incrustar archivos de audio en una página web. Admite múltiples formatos de audio, incluidos MP3, WAV y Ogg. Para incluir un archivo de audio en su página, puede usar la siguiente sintaxis:
También puede agregar controles de audio estándar para permitir a los usuarios reproducir, pausar y ajustar el volumen del archivo de audio. Para hacer esto, agregue el atributo "controles" al elemento , como se muestra en el siguiente ejemplo:
El elemento se usa para incrustar archivos de video en una página web. Admite múltiples formatos de video, incluidos MP4, WebM y Ogg. Para incluir un archivo de video en su página, puede usar la siguiente sintaxis:
Al igual que el elemento , el elemento también admite controles de video estándar. Para agregar estos controles a su archivo de video, agregue el atributo "controles" al elemento , como se muestra en el siguiente ejemplo:
Además, también puede agregar subtítulos y descripciones de audio a sus archivos de video usando etiquetas . Los subtítulos permiten a los usuarios con discapacidad auditiva seguir el contenido del video, mientras que las descripciones de audio permiten a los usuarios con discapacidad visual comprender lo que sucede en el video. Para agregar subtítulos o descripciones de audio, agregue la etiqueta dentro del elemento , como se muestra en el siguiente ejemplo:
En resumen, los elementos HTML de audio y video son una excelente manera de agregar contenido multimedia a sus páginas web. Son fáciles de usar y ofrecen muchas funciones para que la experiencia del usuario sea más rica y atractiva.
Ahora responde el ejercicio sobre el contenido:
_¿Cuál es la sintaxis para agregar controles de audio estándar a un archivo de audio incrustado en una página web usando el elemento ?
1
2
3
¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.
¡Tú error! Inténtalo de nuevo.
11
Siguiente página del libro electrónico gratuito:
Estilos CSS en HTML
Tiempo estimado de lectura: 2 minutos