{"id":171,"date":"2017-02-05T19:10:39","date_gmt":"2017-02-05T18:10:39","guid":{"rendered":"http:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/?p=171"},"modified":"2017-02-06T11:56:04","modified_gmt":"2017-02-06T10:56:04","slug":"insercion-de-audio-en-wordpress","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/insercion-de-audio-en-wordpress\/","title":{"rendered":"Inserci\u00f3n de audio en WordPress"},"content":{"rendered":"

Como ya hemos indicado en anteriores art\u00edculos, la biblioteca multimedia de WordPress permite gestionar no solo ficheros de imagen, sino tambi\u00e9n de audio, v\u00eddeo, documentos, etc. Por su parte, el editor de WordPress hace posible insertar en el editor de entradas y p\u00e1ginas diversos formatos de ficheros de audio, que pueden incrustarse individualmente, o disponerse a modo de listas de reproducci\u00f3n. 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<\/a>.<\/p>\n

El procedimiento de inserci\u00f3n de ficheros de audio es muy simple, dado que sigue exactamente los mismos pasos que ya hemos visto a la hora de insertar im\u00e1genes: hay que ir al\u00a0editor de entradas, hacer clic en el bot\u00f3n A\u00f1adir objeto<\/em>, y seleccionar los ficheros de audio existentes, o subir ficheros nuevos.<\/p>\n

<\/p>\n

Shortcodes para incrustar ficheros de audio<\/h2>\n

A la hora de insertar ficheros de audio desde el editor, WordPress se comporta exactamente igual que cuando se insertan im\u00e1genes o galer\u00edas. En efecto, WordPress incrusta los ficheros de audio mediante un shortcode propio, que dispone de diversos par\u00e1metros. Ilustraremos\u00a0brevemente su uso mediante algunos ejemplos.<\/p>\n

Inserci\u00f3n de un fichero MP3 individual<\/h3>\n\nhttp:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/wp-content\/uploads\/2017\/02\/bensound-jazzyfrenchy.mp3<\/a><\/audio>\n

En este ejemplo, el shortcode es el siguiente:<\/p>\n

[audio mp3=\"http:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/wp-content\/uploads\/2017\/02\/bensound-jazzyfrenchy.mp3\"][\/audio]<\/pre>\n
B\u00e1sicamente, esto significa que se trata de un fichero MP3, con su URL permanente. Podemos aplicarle diversos par\u00e1metros opcionales, como por ejemplo los que aparecen en los shortcodes que incluimos a continuaci\u00f3n:<\/p>\n
Reproducci\u00f3n en bucle infinito<\/h4>\n
[audio mp3=\"http:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/wp-content\/uploads\/2017\/02\/bensound-jazzyfrenchy.mp3\" loop=\"on\"][\/audio]<\/pre>\nhttp:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/wp-content\/uploads\/2017\/02\/bensound-jazzyfrenchy.mp3<\/a><\/audio>\n
Este efecto se consigue con el par\u00e1metro loop=\"on\"<\/code>. El valor por defecto es loop=\"off\".<\/code><\/p>\n
Reproducci\u00f3n autom\u00e1tica<\/h4>\n
Si hubi\u00e9ramos querido reproducir autom\u00e1ticamente el fichero multimedia al cargar la p\u00e1gina (una pr\u00e1ctica no recomendable, por cierto), deber\u00edamos haber utilizado el par\u00e1metro autoplay=\"1\"<\/code>, tal como aparece en el siguiente shortcode:<\/p>\n
[audio mp3=\"http:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/wp-content\/uploads\/2017\/02\/bensound-jazzyfrenchy.mp3\" autoplay=\"1\"][\/audio]<\/pre>\n
Inserci\u00f3n de una lista de reproducci\u00f3n de ficheros de audio<\/h3>\n
El procedimiento para crear una lista de reproducci\u00f3n en WordPress es tan sencillo como el de crear galer\u00edas de im\u00e1genes: despu\u00e9s de subir los ficheros de audio, hay que hacer clic en el bot\u00f3n A\u00f1adir objeto<\/em> y seleccionar la opci\u00f3n Crear lista de reproducci\u00f3n de audios<\/em>. A continuaci\u00f3n, hay que seleccionar los ficheros y ajustar las opciones de lista de reproducci\u00f3n, que son tres:<\/p>\n