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.

function html5_audio($atts, $content = null) {
    extract(shortcode_atts(array(
        "src" => '',
        "autoplay" => '',
        "preload"=> 'true',
        "loop" => '',
        "controls"=> ''
    ), $atts));
    return '<audio src="'.$src.'" autoplay="'.$autoplay.'" preload="'.$preload.'" loop="'.$loop.'" controls="'.$controls.'" autobuffer></audio>';
}
add_shortcode('audio5', 'html5_audio');

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

[audio5 src="https://noticiaswp.com/wp-content/ups/2011/11/tuaudio.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

Con eso ya puedes publicar todo el audio con HTML5 asegurando su compatibilidad en todas las plataformas.

8 comentarios
  1. Dreiker
    Dreiker Dice:

    lo hice, pero aparece el controlador y luego de un "fade out" desaparece por completo sin reproducir nada ... ¿porque será?

    Responder
    • Peter Olle
      Peter Olle Dice:

      Depende en que Navegador y versión hagas la prueba. Si tu navegador no lo soporta, ahí puede estar el problema.

      Saludos.

      Responder
  2. Dreiker
    Dreiker Dice:

    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" .

    Responder
  3. Dess
    Dess Dice:

    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

    Responder

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *