Incrustar un archivo MP3 con enlace para descargar con shortcode…

Al parecer se me ha hecho costumbre lo de los shortcodes; el hecho es que estoy evitando lo más que pueda el uso de plugins; y basándome en los requerimientos que tengo para mi web, pues he elaborado un shortcode para incrustar archivos de mp3 con su respectivo enlace; es decir el reproductor en si para escuchar el audio y el enlace para descargar el archivo correspondiente.

El reproductor que he utilizado es el xspf la versión slim, es decir el modo simple; pueden descargarlo el siguiente enlace: Reproductor XSPF Versión Slim

El arhivo trae consigo el archivo .fla y el actionscript; pero el que vamos a utilizar es el el xspf_slim_player.swf que subimos a una carpeta de nuestro servidor; podría ser la carpeta music o la que deseen.

Utilizando Archivos de Servidor Externo

En el functions.php agregar el siguiente código:

/*REPRODUCTOR MP3 SERVIDOR EXTERNO*/
function musiclink($attr, $content) {
return '<div style="width:560px; border:1px solid #b5cedd; padding:10px; margin:10px 0 0 0;">
<div style="width:560px; height:20px; background:#b5cedd; float:left; margin-bottom:5px;"><div style="margin-left: 55px; text-transform:uppercase; color:#1b3e5c; font-weight:bold; width: 200px; float:left;">Reproducir</div>
<div style="float:left; text-align:right; margin-right:25px; width:150px; text-transform:uppercase; font-weight:bold; color:#1b35c;">Descargar</div>
</div>
<object type="application/x-shockwave-flash" width="180" height="20"
style="float:left; margin-left:10px;" data="http://dominio.com/ruta del reproductor/player.swf?song_url='. $attr['href'] .'&amp;player_title='.$content.'&amp;song_title='.$content.'"><param name="movie" value="http://dominio.com/ruta del reproductor/player.swf?song_url='.$attr['href'].'" /> </object><div style="text-transform:uppercase; font-weight:bold;"><a style="color:#1b3e5c; margin: 0 0 0 25px;" href="'. $attr['href'] .'">'.$content.'</a></div></div>';
}
add_shortcode('music', 'musiclink');

La utilización del shortcode es el siguiente:

[music href="http://dominio.com/ruta/completa/del/archivo.mp3"]Nombre del Archivo[/music]

Como ya le di formato en el mimo código, la visualización será de la siguiente manera:

 

Espero que les haya servido, lo pueden ver funcionando en http://www.contigoperusemanario.org/ringtones

NOTA: Tienen que cambiar http://midominio.com por su dominio o la ruta del reproductor.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(0 votos, promedio: 0)
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Autor: Fliberty

Comparte esta entrada en
468 ad
Ir al contenido