Después de instalar Wavecast, añade un reproductor de podcast a cualquier página con un solo shortcode.
Configuración Mínima
Añade el reproductor de pie a tu plantilla base:
En
layouts/_default/baseof.html, añade justo antes de</body>:Crea un episodio en
content/es/episodes/mi-primer-episodio.md:
Parámetros del Shortcode
| Parámetro | Requerido | Por defecto | Descripción |
|---|---|---|---|
src | sí | : | URL de audio o ruta de archivo local |
title | no | "" | Título del episodio en el reproductor |
poster | no | "" | URL de la imagen de portada |
description | no | "" | Descripción en Markdown |
type | no | "audio/mpeg" | Tipo MIME |
source | no | "local" | Adaptador de fuente |
persistent | no | "true" | Desactivar para evitar persistencia |
preload | no | "metadata" | Valor de precarga HTML5 |
chapters | no | "" | Pares HH:MM:SS-Etiqueta separados por comas |
autoplay | no | "false" | Reproducción automática al cargar |
rate | no | "true" | Mostrar control de velocidad |
Con un Archivo de Audio Local
Coloca tu archivo de audio en el directorio assets/ de tu proyecto Hugo:
El shortcode resuelve archivos locales mediante resources.GetMatch: primero busca recursos del ámbito de la página, luego el directorio global assets/. Las URLs remotas se pasan directamente.
Verificar que Funciona
Después de ejecutar hugo server, deberías ver:
- ✅ Un reproductor de audio estilizado con botón de reproducir/pausa, barra de progreso y controles de volumen
- ✅ Capítulos renderizados como chips interactivos (si los proporcionaste)
- ✅ Imagen de portada junto a los controles (si la proporcionaste)
- ✅ Texto de descripción debajo de los controles (si lo proporcionaste)
Próximos Pasos
- Configurar valores globales en tu
hugo.toml - Configurar el reproductor de pie para persistencia entre páginas
- Añadir RSS de podcast para envío a Apple Podcasts y Spotify
- Explorar funciones avanzadas como la integración con AzuraCast