Manejo de archivos multimedia en HTML
- Multimedia en html
- Formatos multimedia soportados por HTML
- Cómo agregar imágenes en html
- Cómo reproducir audio en un sitio web
- Cómo reproducir video en un sitio web
- Cómo reproducir un video de YouTube usando HTML
Exploremos cada uno de los conceptos mencionados anteriormente uno por uno:
Multimedia en html
Multimedia es una forma de transferir información de una fuente a otra. Puede ser algo como audio, video, etc. A través del poder de HTML, podemos agregar audio, video o cualquier otro tipo de archivos multimedia a nuestros sitios web.
Formatos multimedia soportados por HTML
Cada archivo tiene un formato de archivo y una extensión de archivo y estas extensiones nos hacen saber sobre los formatos de archivo. Existen numerosos formatos de archivo, pero en el desarrollo web, lo que más importa es si el formato de archivo es compatible con los estándares HTML o no?
Aquí hay una lista de formatos de archivo soportados por HTML para diferentes tipos de multimedia:
Audio: MP3, OGG y WAV tienen el apoyo de todos los navegadores significativos.
Video: MP4, OGG y WEBM son compatibles con HTML, así como por todos los principales navegadores como Google, Chrome, Microsoft Edge, etc.
Imagen: JPG/JPEG, PNG y GIF son compatibles con HTML para imágenes.
Cómo agregar imágenes en html
HTML proporciona una etiqueta para agregar una imagen a un sitio web; se necesitan dos atributos principales yo.mi. SRC para especificar la ruta y Alt de la imagen para mostrar algún texto alternativo si una imagen no puede cargar.
Ejemplo
La siguiente pieza de código incrustará una imagen en un sitio web:
El siguiente será la salida de la línea de código anterior:
Cómo agregar audio en html
En html La etiqueta se usa para agregar un archivo de audio a cualquier página web. Se pueden usar múltiples atributos dentro de la etiqueta de audio para especificar el funcionamiento del etiqueta.
Ejemplo
Supongamos un ejemplo para comprender cómo funciona la etiqueta:
Archivo MP3 no es compatible!
El siguiente será la salida del fragmento anterior:
La salida verifica que el archivo mp3 funcione perfectamente.
Cómo agregar video en html
En html a La etiqueta se usa para agregar un video a cualquier sitio web. El html La etiqueta puede tener múltiples atributos como controles, reproducción automática, póster, etc. Estos atributos exploran el funcionamiento de la etiqueta.
Ejemplo
Consideremos el fragmento a continuación para la comprensión profunda de HTML etiqueta
No soportado!!
Adentro Etiqueta Especificamos los atributos para controlar el comportamiento del video:
- El control S El atributo mostrará las opciones de video como reproducir, pausa, silencio, etc.
- El auto-reproducción El atributo reiniciará el video una vez que se complete.
- El apagado El atributo habilitará la opción mute.
A continuación, utilizamos la etiqueta de origen para insertar la dirección del video. Especificamos dos formatos de video para que si el primer video no puede funcionar, el navegador reproducirá el segundo. Y si por alguna razón el navegador no puede reproducir ambos videos, entonces el texto "no es compatible! "Aparecerá en la pantalla. La salida será algo como esto:
Cómo integrar un video de YouTube en una página web usando HTML
El
Simplemente guarde el código HTML, y ahora puede reproducir el video de YouTube en su sitio web:
El video de YouTube está integrado en su sitio con éxito.
Conclusión
HTML proporciona varias etiquetas para manejar archivos multimedia para incrustar un audio, video e imagen en un sitio web utilizando, y etiquetas respectivamente. Para incrustar cualquier otro documento dentro de su sitio web