Home-theater-designers
Si desea que los visitantes de su sitio web disfruten de un archivo MP3, una de las formas más fáciles de hacerlo es incrustarlo en la página. Con un reproductor MP3 integrado, los visitantes no necesitan descargar directamente el audio ni usar software adicional porque se reproduce en línea.
Vamos a detallar diferentes métodos que puede utilizar para incrustar un MP3 en su sitio web, incluido el uso de HTML5 y Google Drive.
1. Inserte un MP3 en su sitio web con HTML5
Si se siente cómodo editando el código de su sitio web, una de las formas más sencillas de incrustar un archivo MP3 es utilizar HTML5.
El HTML5 La etiqueta puede parecer básica a primera vista, pero es poderosa ya que es compatible con todos los principales navegadores de escritorio y móviles.
Para incrustar un MP3 con HTML5, use este código:
|_+_|
Simplemente reemplace URL MP3 AQUÍ con su archivo de audio subido. Este no puede ser un archivo almacenado en su computadora; debe estar disponible en línea.
cómo cambiar un icono en Windows 10
Este código colocará un pequeño reproductor de audio en la página, desde el cual el usuario puede reproducir, pausar, desplazar y ajustar el volumen. Así es como se ve en Firefox:
Este código también incluye un mensaje que se mostrará en lugar del reproductor multimedia, en el improbable caso de que el navegador del usuario no sea compatible con el reproductor.
Puede aplicar atributos como auto-reproducción y círculo , al igual que:
|_+_|
Tenga en cuenta que la mayoría de los navegadores no admiten la reproducción automática porque se considera una mala práctica forzar automáticamente el audio a los usuarios.
La personalización básica se puede aplicar al bloque del reproductor de audio a través de CSS, como frontera y relleno . Sin embargo, necesitará utilizar JavaScript para diseñar correctamente el propio reproductor de modo que sea coherente en todos los navegadores.
Puede encontrar más información sobre los atributos y la personalización del reproductor de audio HTML5 en Documentos web de MDN .
¿Cómo funciona un teléfono quemador?
Relacionado: Efectos HTML geniales que cualquiera puede agregar a sus sitios web
2. Inserte un MP3 en su sitio web con Google Drive
Google Drive es una excelente y gratuito proveedor de almacenamiento en la nube . Puede usarlo para cargar su archivo MP3 y crear un reproductor de audio.
Con el MP3 cargado en Google Drive:
- Botón derecho del ratón el archivo y haga clic en Obtenga el enlace .
- Cambie la restricción de accesibilidad a Cualquiera con el link .
- Finalmente, haga clic en Copiar link .
Esto le dará una URL similar a esta:
|_+_|Reemplazar ver? usp = compartir con avance , al igual que:
|_+_|Luego, usa un