¿Necesitas un reproductor de audio en la parte inferior de tu sitio web? Ahora puedes y gratis. Un audio (podcast, música, audiocuento) diferente en cada página, entrada o evento de tu sitio web.
Este plugin no permite listas de reproducción. Eso lo veremos próximamente.
A decir verdad, esta semana estuve atendiendo la duda de una persona, Carlos, a través de mi página de Facebook. Carlos es músico en su ciudad Bogotá (capital de Colombia).
Carlos me hizo recordar la importancia que está teniendo la música en estos momentos de expansión de esta epidemia (Coronavirus COVID-19). Dado que no se permite salir a la población a las calles, algunas personas disfrutan de algún vecino que es músico y les regala conciertos a través de su balcón.
Carlos está interesado en poner en su sitio web, con WordPress, un reproductor de audio que permita, gratis, una lista de reproducción.
Por el camino me encontré con un plugin que permitía esto pero hacía cerca de 1 año que no se actualizaba.
No obstante, decidí probarlo y aunque permitía incluir varias canciones el reproductor se veía mal, ya que no mostraba apropiadamente la barra de progreso. Por lo cual, escribí al autor del mismo a través de su sitio web.
Como esto demoro muchos días… estuve investigando otras opciones y descubrí este otro plugin que te traigo a continuación. Del cual puedes ver un videotutorial tras esta información.
Meks Audio Player
El plugin, Meks Audio Player, lo tienes en el repositorio de WordPress, totalmente gratis.
Te permite mejorar fácilmente tu podcast, música o cualquier audio en tu sitio web. El plugin detectará automáticamente el audio dentro del contenido. Una vez detectado lo reproducirá en un reproductor de audio adhesivo (en la parte de abajo/footer) con todas las funciones.
Se proporcionan varias opciones inteligentes para ajustar la funcionalidad como desees. Perfecto para podcasts personales, podcasts newtorks, estaciones de radio o sitios web de música, así como audiocuentos o audiolibros.
Características
- Opciones de color para adaptar el reproductor a tu gusto personal y al diseño del tema (theme).
- Opciones para personalizar completamente los controles del reproductor que deseas mostrar: reproducir / pausar, saltar hacia atrás, saltar hacia adelante, barra de duración / progreso, hora actual, tiempo de duración, silencio / volumen, velocidad de reproducción
- No requiere configuración, simplemente detecta tu audio existente dentro del contenido
- Admite el bloque de audio nativo de WordPress y el código corto de audio
- Funciona en publicaciones de todo tipo (páginas, entradas, eventos, descargas), así como en todos los demás tipos de publicaciones personalizadas registradas en el sitio web
Videoturorial
En este vídeo te muestro principalmente lo siguiente:
3:06 – Información y comportamiento plugin ‘Meks Audio Player’
7:26 – Cómo trabajar con este plugin (práctica)
9:16 – Ajustes bloque audio nativo de Gutenberg (WordPress 5.0 en adelante)
13:17 – Ajustes reproductor ‘Meks Audio Player’
17:42 – Despedida de este vídeo
Aviso importante
Aunque en el vídeo no lo digo sí funciona con el editor clásico / classic editor. Pero tienes que introducir el audio (MP3 u otro formato del tipo) de forma correcta.
¿Cómo se hace eso? Haciendo clic en el pestaña: Añadir objeto. Y clic el audio que desees. Y antes de insertarlo en la entrada o página, verifica que en Ajustes de visualización de adjuntos, en la opción de incrustar o enlazar, figure > Incrustar el reproductor.
Y ya este plugin ‘Meks Audio Player’ lo detectará. De otro modo no lo hace (por ejemplo, copiando y pegando directamente la URL en la pestaña Visual).
Opinión
Bueno, ¿qué te ha parecido este plugin en su versión gratuita? La verdad es que yo estoy gratamente sorprendido con las opciones que tiene y la forma de detectar el audio en el contenido.
Lamentablemente no funciona para más de un reproductor. Ya hice la prueba, poniendo varios audios en diferentes reproductores nativos de WordPress y solo me detectaba el primero.
De igual modo, en el editor clásico (classic editor) cometí la torpeza de introducir la URL del MP3 directamente copiándola y pegándola en la pestaña visual. Y aunque el reproductor aparecía como en el resto de casos, este plugin no lo reconocía. De ahí el aviso importante que te indico en una captura, para que entiendas la importancia de incrustarlo bien desde el editor clásico.
Sé que existe una versión de pago que permite ver información del audio que está siendo reproducido en ese momento y además hay una separación de colores en el fondo. Puedes ver una muestra de dicho reproductor en este vídeo, siendo implementado en un tema.
Espero que te resulte útil.
¿Ya tienes pensado el uso que vas a hacer de este plugin?
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.