• Ir a navegación principal
  • Ir al contenido principal
  • Ir a la barra lateral primaria

Noticias WordPress

Noticias WordPress, ayuda, themes, plugins, código, tips, Funciones, CSS, snippets, temas, hosting y mucho más.

  • Cursos WordPress

Audio con HTML5 para WordPress en un shortcode

noviembre 21, 2011

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.

Archivado en:Código, Funciones Etiquetado con:Audio, HTML5

Interacciones con los lectores

Comentarios

  1. Dreiker dice

    enero 8, 2013 en 6:15 pm

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

    • Peter Olle dice

      enero 22, 2013 en 4:13 pm

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

      Saludos.

  2. Dreiker dice

    enero 22, 2013 en 5:34 pm

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

  3. arturo dice

    agosto 30, 2014 en 12:10 am

    en mi sitio comienza con autoplay pero se detiene despues de dos o tres segundos, alguien sabe ¿por que?

    • Peter Olle dice

      agosto 30, 2014 en 9:28 am

      En autoplay utiliza false.

  4. Waldier dice

    abril 11, 2015 en 11:10 pm

    Como hago para que solo se reproduzca una vez?

  5. Dess dice

    junio 21, 2019 en 3:53 pm

    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

    • Peter Olle dice

      junio 21, 2019 en 6:19 pm

      Hazlo sin función y sin shortcode, simplemente pega la URL de tu audio en tu post y listo.

      Saludos.

Barra lateral primaria

Archivos

  • febrero 2021
  • enero 2021
  • diciembre 2020
  • julio 2019
  • abril 2019
  • mayo 2015
  • abril 2015
  • marzo 2015
  • febrero 2015
  • noviembre 2014
  • septiembre 2014
  • agosto 2014
  • julio 2014
  • mayo 2014
  • abril 2014
  • marzo 2014
  • septiembre 2013
  • agosto 2013
  • junio 2013
  • diciembre 2012
  • septiembre 2012
  • agosto 2012
  • mayo 2012
  • abril 2012
  • enero 2012
  • diciembre 2011
  • noviembre 2011
  • octubre 2011
  • agosto 2011
  • julio 2011
  • junio 2011
  • mayo 2011
  • abril 2011
  • marzo 2011
  • febrero 2011
  • enero 2011

Categorías

  • Administración
  • Beta
  • Breves
  • Código
  • Errores
  • Eventos
  • Funciones
  • Internet
  • Noticias
  • Plugins
  • Seguridad
  • SEO
  • Themes
  • WordPress