El estándar HTML5 admite dos mecanismos diferentes para presentar archivos de audio. Puede vincular un MP3 para que esté disponible para su descarga o incrustarlo de manera que la gente pueda disfrutar de la música de un reproductor de audio en la página.
Disponibilidad de audio
El archivo MP3 debe ser accesible en Internet antes de que un enlace o un objeto incrustado tenga éxito. Si el MP3 ya está en línea, copie la URL directa al archivo. Esta URL debe ser para el recurso multimedia; no puede ser a la página a la que está asociado el activo.
Con sus propios MP3, debe usar una herramienta para cargar el archivo desde su computadora a un servidor de archivos de Internet. La mayoría de las personas usan FTP, SFTP o SSH para cargar el MP3 en su sitio web, aunque si su sitio usa un sistema de administración de contenido como WordPress, el CMS admite una utilidad de carga de apuntar y hacer clic.
Agregar el MP3 a su página web
Con una URL en la mano, está listo para agregar el MP3 a su sitio. Si su herramienta de creación de páginas admite una interfaz de apuntar y hacer clic, úsela; dado que cada una es diferente, consulte la documentación de su CMS para conocer los procedimientos específicos.
Independientemente de su GUI, las ediciones manuales del HTML siempre funcionan de forma coherente.
Crear un enlace
Un enlace que abre el archivo multimedia en una nueva pestaña o lo descarga en la computadora de un visitante se basa en un estándar ancla etiqueta. Por tanto, el elemento HTML consta de las etiquetas de anclaje, la URL del MP3, el texto que activa el hipervínculo y parámetros opcionales. Por ejemplo, para descargar podcast.mp3 a través de un enlace titulado ¡Descarga el programa!, utilice el siguiente elemento HTML:
¡Descarga el programa!
Este elemento obliga a descargar el MP3. Para permitir que se abra el MP3, retire el descargar atributo al final de la URL MP3.
Incrustar el archivo de audio
Para usar HTML5 para incrustar un pequeño reproductor de audio, use el audio elemento. Debido a que algunos navegadores no lo admiten, cualquier texto incluido en el elemento se muestra si el navegador no puede mostrar un reproductor de audio.
Su navegador no es compatible con la etiqueta de audio.
La audio El elemento incluye varios atributos estándar:
- Auto-reproducción: Si se especifica en la etiqueta, el audio se reproduce tan pronto como se carga y está listo, independientemente de la interacción del visitante con el reproductor de audio integrado.
- Control S: Muestra los controles básicos, incluido un botón de reproducción / pausa y un enlace de descarga.
- Círculo: Cuando se especifica, círculo reproduce continuamente el audio.
- Apagado: Silencia la salida de audio.