Como ya hemos indicado en anteriores artículos, la biblioteca multimedia de WordPress permite gestionar no solo ficheros de imagen, sino también de audio, vídeo, documentos, etc. Por su parte, el editor de WordPress hace posible insertar en el editor de entradas y páginas diversos formatos de ficheros de audio, que pueden incrustarse individualmente, o disponerse a modo de listas de reproducción. Para maximizar la compatibilidad con todo tipo de dispositivos y navegadores, WordPress incrusta los ficheros de audio mediante un sencillo pero potente reproductor en HTML5.
El procedimiento de inserción de ficheros de audio es muy simple, dado que sigue exactamente los mismos pasos que ya hemos visto a la hora de insertar imágenes: hay que ir al editor de entradas, hacer clic en el botón Añadir objeto, y seleccionar los ficheros de audio existentes, o subir ficheros nuevos.
Shortcodes para incrustar ficheros de audio
A la hora de insertar ficheros de audio desde el editor, WordPress se comporta exactamente igual que cuando se insertan imágenes o galerías. En efecto, WordPress incrusta los ficheros de audio mediante un shortcode propio, que dispone de diversos parámetros. Ilustraremos brevemente su uso mediante algunos ejemplos.
Inserción de un fichero MP3 individual
En este ejemplo, el shortcode es el siguiente:
[audio mp3="http://cursoswp.educacion.navarra.es/cursowp2017/wp-content/uploads/2017/02/bensound-jazzyfrenchy.mp3"][/audio]
Básicamente, esto significa que se trata de un fichero MP3, con su URL permanente. Podemos aplicarle diversos parámetros opcionales, como por ejemplo los que aparecen en los shortcodes que incluimos a continuación:
Reproducción en bucle infinito
[audio mp3="http://cursoswp.educacion.navarra.es/cursowp2017/wp-content/uploads/2017/02/bensound-jazzyfrenchy.mp3" loop="on"][/audio]
Este efecto se consigue con el parámetro loop="on". El valor por defecto es loop="off".
Reproducción automática
Si hubiéramos querido reproducir automáticamente el fichero multimedia al cargar la página (una práctica no recomendable, por cierto), deberíamos haber utilizado el parámetro autoplay="1", tal como aparece en el siguiente shortcode:
[audio mp3="http://cursoswp.educacion.navarra.es/cursowp2017/wp-content/uploads/2017/02/bensound-jazzyfrenchy.mp3" autoplay="1"][/audio]
Inserción de una lista de reproducción de ficheros de audio
El procedimiento para crear una lista de reproducción en WordPress es tan sencillo como el de crear galerías de imágenes: después de subir los ficheros de audio, hay que hacer clic en el botón Añadir objeto y seleccionar la opción Crear lista de reproducción de audios. A continuación, hay que seleccionar los ficheros y ajustar las opciones de lista de reproducción, que son tres:
El resultado de activar las tres opciones antedichas es la lista de reproducción que puede verse (y oírse) a continuación:
El shortcode correspondiente a esta lista de reproducción es el siguiente:
[playlist ids="179,178,177,176" style="dark"]
Este shortcode significa que se reproducen los IDs de los elementos multimedia seleccionados y que al aspecto del reproductor es oscuro (el valor por defecto es “light”). Además, este shortcode admite otros muchos parámetros, que pueden consultarse en el artículo Playlist Shortcode.
Metadatos de los ficheros de audio
El etiquetado de los ficheros de audio con sus correspondientes metadatos es tan importante como el de los ficheros de imagen. No obstante, WordPress facilita mucho el trabajo del webmaster, ya que es capaz de identificar las etiquetas ID3 de algunos ficheros de audio (por ejemplo, los MP3), y de esta manera puede rellenar automáticamente algunos de sus campos, como por ejemplo los de artista, álbum, número de pista, género, etc.
Formatos de audio compatibles con el reproductor de WordPress
Aunque la biblioteca multimedia de WordPress permite gestionar y subir más de una docena de formatos de audio diferentes, el reproductor multimedia nativo de esta aplicación solo es compatible con las siguientes extensiones de audio: .MP3, .M4A, .OGG, .WAV y .WMA. Cualquier otra extensión de fichero de audio soportada podrá ser subida a WordPress, pero no podrá ser reproducida, salvo si se utilizan plugins.
Nota sobre los ficheros de audio utilizados en esta página
Todos los ficheros utilizados para las demostraciones de esta página han sido descargados de Bensound, con licencia CC BY-ND 3.0, que permite utilizar los ficheros sin solicitar permiso, siempre que se cite su procedencia y autoría, y que no se utilicen para realizar obras derivadas.
Hola, hay una opción dentro de wordpress para agregar un botón de descarga al archivo de audio…?
Si no, qué plugin recomiendas?
Mi intención es que mis usuarios puedan escuchar el audio y descargarlo directamente si quieren…
Slds.
Eduardo, perdona que no haya respondido antes, pero he estado de vacaciones. Un plugin para poder añadir un botón de descarga al reproductor de vídeo es este: https://wordpress.org/plugins/wp-miniaudioplayer/.
Gracias por la publicación de música que compartiste
Contenido perfecto
Hola! disculpa, es que en serio no tengo ni idea de cómo empezar, no soy muy habilidosa en WordPress pero quisiera incristarle 3 canciones al blog y no tengo idea de ni si quiera a dónde debería entrar, hasta el momento estoy usando un widget para insertar un vídeo pero ni poniéndole la opción de autoreproducción se reproduce, y sí quisiera que sólo saliera el audio sin la imágen y ya.
Aquí tienes un tutorial, con vídeo incluido, que enseña a insertar audio en WordPress: http://www.wpbeginner.com/beginners-guide/how-to-add-audio-files-and-create-playlists-in-wordpress/. Está en inglés, pero no es difícil de entender. Si quieres insertar el audio en un widget, primero tienes que subir el fichero, y luego utilizar el widget de audio.
Hola. dos pregutnas concretas.
1- Es posible reproducir sólo 20 segundos del audio?
2- Cómo puedo poner música de fondo sin que se corte al navegar entre las páginas?
Mil gracias
La verdad es que no conozco ningún sistema que permita hacer lo que tú quieres, Nicolás. Seguro que hay plugins que permitirán alcanzar dichas funcionalidades, pero yo no los conozco ni los he utilizado nunca.
Gracias por tu publicación. Aprendí mucho de ti. Lo compartiré con mis amigos.
Hola que tal, habrá una forma de que un audio almacenado en Pcloud se inserte en una imagen que está en un widget y que al dar click en la imagen se reproduzca el sonido, sin que se vaya al lugar de almacenamiento?, gracias
En los foros de WordPress he visto una consulta parecida a la tuya, Juan: https://wordpress.org/support/topic/play-sound-when-image-click/. Ahí se propone utilizar un plugin de reproducción de audio que permite asociar una imagen al audio correspondiente: https://wordpress.org/plugins/compact-wp-audio-player/. Aunque no es exactamente lo que tú planteas, a lo mejor te sirve.
Buenas Eduardo:
Gracias por tu aporte. Me surge una duda, es posible crear una lista de reproducción, pero enlazando los archivos desde dropbox?
He conseguido subir un sólo archivo, pero necesitaría crear una lista con una carpeta de dropbox. Esto es posible?
Gracias
Hasta donde yo sé, Diego, las listas de reproducción solo son posibles con ficheros multimedia alojados en el propio WordPress. Ahora bien, es posible que exista algún plugin capaz de ofrecer esta funcionalidad.
Insertar audio y wordxpress no es demasiado difícil, puede usar el audio desde el exterior, descargarlo a su dispositivo y agregarlo donde lo necesite.