Centro de ayuda

>Elementos

>

Agregar archivos de audio

Agregar archivos de audio

Última actualización: 8 abril, 2025

Tiempo de lectura: 2 minutos

¿Quieres darle un toque más dinámico a tu sitio web? Con Sitejet, puedes integrar archivos de audio fácilmente para enriquecer la experiencia de tus visitantes. Ya sea que estés compartiendo un podcast, música original, testimonios en audio o ambientación sonora, aquí te mostramos cómo hacerlo.


🎯 ¿Por qué agregar audio a tu sitio web?

  • Mejora la experiencia del usuario: Añade una dimensión extra al contenido.

  • Ideal para podcasts o músicos: Presenta tus pistas directamente en tu página.

  • Accesibilidad: Algunos visitantes prefieren escuchar en lugar de leer.

  • Ambientación: Usa sonidos para reforzar la identidad de tu marca (por ejemplo, en sitios de yoga o meditación).


📁 ¿Qué formatos de audio se aceptan?

Sitejet acepta los formatos más comunes como:

  • .mp3

  • .ogg

  • .wav

Recomendamos .mp3 por su compatibilidad y peso reducido.


🔧 ¿Cómo agregar audio en Sitejet?

1. Sube el archivo de audio

  • Ve al Administrador de Archivos en tu proyecto.

  • Sube el archivo que deseas usar (máximo 20 MB por archivo es lo ideal para mantener buena carga).

2. Inserta un reproductor de audio

  • En el editor de tu página, busca el componente “HTML”.

  • Inserta el siguiente código personalizado:

html

<audio controls>
<source src="/assets/audio/nombre-del-archivo.mp3" type="audio/mpeg">
Tu navegador no soporta la reproducción de audio.
</audio>

  • Asegúrate de reemplazar /assets/audio/nombre-del-archivo.mp3 con la ruta correcta del archivo que subiste.

3. Estiliza tu reproductor (opcional)

Puedes agregar estilos con CSS para personalizar el tamaño, márgenes o incluso crear un diseño más a medida.


💡 Ideas para usar audio en tu sitio

  • 🎙️ Podcasts: Crea una sección con episodios semanales.

  • 🎶 Músicos y DJs: Muestra tus demos o producciones.

  • 📢 Testimonios en audio: Añade voces reales de clientes.

  • 🧘‍♂️ Sitios de meditación o mindfulness: Audio de fondo suave o sesiones guiadas.

  • 🏢 Corporativo: Mensaje de bienvenida en audio para una intro más cercana.


⚠️ Recomendaciones

  • No configures el audio para que se reproduzca automáticamente (autoplay), ya que puede ser molesto para los usuarios y ralentizar la carga.

  • Verifica que tu archivo esté optimizado para web (peso y calidad balanceados).

  • Siempre ofrece controles al usuario: Play / Pausa / Volumen.

Este artículo es una traducción del original en inglés titulado “Adding audio files” publicado por Sitejet.