Ya vimos integrar videos con HTML5 en WordPress con un shortcode y para complementar las posibilidades, a continuación puedes ver la forma de integrar audio en HTML5 en tus posts de WordPress con otro sencillo shortcode.
Tienes que agregar al archivo functions.php de tu tema de WordPress el siguiente código.
[php]
function html5_audio($atts, $content = null) {
extract(shortcode_atts(array(
«src» => »,
«autoplay» => »,
«preload»=> ‘true’,
«loop» => »,
«controls»=> »
), $atts));
return ‘‘;
}
add_shortcode(‘audio5’, ‘html5_audio’);
[/php]
Para utilizarlo, lo que escribes en el editor de WordPress al publicar un post y que se publique el audio, utilizamos el siguiente shortcode.
Shorcode en WordPress para audio en HTML5
[php]
[audio5 src=»http://noticiaswp.com/wp-content/ups/2011/11/tuaudio.mp4″ loop=»true» autoplay=»autoplay» preload=»auto» loop=»loop» controls=»»]
[/php]
Con eso ya puedes publicar todo el audio con HTML5 asegurando su compatibilidad en todas las plataformas.
lo hice, pero aparece el controlador y luego de un «fade out» desaparece por completo sin reproducir nada … ¿porque será?
Depende en que Navegador y versión hagas la prueba. Si tu navegador no lo soporta, ahí puede estar el problema.
Saludos.
IE 9 y Mozilla 18.0.1 no supe cual era el problema, por lo que la solución fue agregar el plugin «MediaElement.js – HTML5 Video & Audio Player» .
en mi sitio comienza con autoplay pero se detiene despues de dos o tres segundos, alguien sabe ¿por que?
En autoplay utiliza false.
Como hago para que solo se reproduzca una vez?
Hola! muchas gracias por el aporte. Hasta ahora, he conseguido que salga el «reproductor» en la entrada, pero se queda con los iconos opacos y no me permite pulsar play, es como si tuviese un archivo vacio, pero dentro del plugin de html5 en el escritorio de wordpress esta bien «subida» la canción en formato mp3.
Agradeceria un tip. Saludos cordiales
Hazlo sin función y sin shortcode, simplemente pega la URL de tu audio en tu post y listo.
Saludos.