- <img>
- <audio>
- <video>
Imágenes
La etiqueta de imagen <img> tiene un atributo obligatorio y varios atributos opcionales. La etiqueta de imagen se requiere un atributo de origen de la imagen para estar presente. También es importante saber que las imágenes también proporcionan texto alternativo para que todos los usuarios puedan conocer el contenido de la imagen.
<img src="http://example.com/image.webp" alt="Example image." />
Las imágenes pueden tener atributos adicionales, incluyendo la anchura, altura y un par de atributos relacionados con mapas de imagen (imágenes con áreas interactivas específicas).
El GIMP es una herramienta de manipulación de foto gratis que puede utilizar para crear y editar imágenes para páginas web e incluso crear diseños web. Inkscape es un ilustrador de gráficos (por ejemplo, SVG) vectorial que se puede utilizar para crear imágenes, páginas web, diseños y otros proyectos de vectoriales.
Audio
La etiqueta <audio> es nueva en HTML5. Da a los diseñadores una forma estándar para incluir audio en una página. La etiqueta <audio> tiene varios parámetros de la más importante de las cuales es fuente:
<audio src="file.ogg">Texto para los navegadores que no admitan la etiqueta de audio.</audio>
Ogg Vorbis es un formato abierto de audio web y es compatible con Mozilla Firefox, Google Chrome y Opera.
Video
La etiqueta <video> también es nuevo en HTML5. Ahora podemos insertar vídeo en una página web sin necesidad de plugins de terceros! El atributo de origen es la clave para la etiqueta de video:
<video src="video.ogv">Texto para navegadores sin soporte para la etiqueta de video.</video>
Otros atributos de la etiqueta de <video> incluyen audio, reproducción automática, controles, altura, lazo, cartel, precarga y ancho.
Ogg Theora y WebM son formatos abiertos de video por Internet, tanto de los cuales trabajan en Mozilla Firefox, Google Chrome, Chromium, Konqueror y Opera. Varias herramientas gratis existen para convertir el vídeo nuevos y existentes a Ogg Theora y / o WebM incluyendo:
Es posible ofrecer formatos alternativos para los navegadores que no soportan Ogg Theora o WebM. Para ello, se anidan varias etiquetas de <source> dentro de una etiqueta <video> como tal:
<video> <source src="file.ogv" type="video/ogg" /> <source src="file.webm" type="video/webm" /> <source src="file.mp4" type="video/mp4" /> El texto o las marcas que se mostrará si el vídeo no se reproduce.</video>
También hay varios videos de comunidades de alojamiento/streaming que soportan formatos abiertos:
https://thimble.webmaker.org/p/fur5 ó http://descargalibre.cu.cc/Multimedia.html
No hay comentarios:
Publicar un comentario