Mostrando entradas con la etiqueta mp3. Mostrar todas las entradas
Mostrando entradas con la etiqueta mp3. Mostrar todas las entradas

viernes, 18 de septiembre de 2009

Mini Flash MP3 Player - Vagabundia


En Royalty free music hay una serie de reproductores MP3 que podemos descargar y utilizar en cualquier web.

Su principal característica es que son muy livianos, especialmente, dos de ellos:

Mini Flash mp3 Player ZIP
Single Track Flash mp3 Player ZIP

En ambos casos, para utilizarlos, debemos tener instalada la librería swfobject que podemos cargar directamente desde las APIs de Google, por ejemplo, escribiendo lo siguiente antes de </head>:
<script src='http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js' type='text/javascript'/>
Y por último, alojar el archivo SWF en algún servidor como ImageShack, Fileden o Xoo Image.

En la página nos muestran la forma de utilizarlo agregando scripts pero yo perfiero usar la etiqueta OBJECT:
<object data="URL_archivo_swf" width="75" height="30" type="application/x-shockwave-flash">
<param name="movie" value="URL_archivo_swf"/>
<param name="flashvars" value="soundPath=URL_archivo_audio.mp3"/>
<param name="wmode" value="transparent"/>
<param name="allowScriptAccess" value="always"/>
</object>
La diferencia entre uno y otro modelo es el SWF y su tamaño, en el segundo caso, debemos usar width="192" y height="67" pero, el resto de las opciones son iguales. Para usarlas, simplemente las agregamos al parámetro flashvars anteponiendo un carácter & o bien &amp;:

soundPath es la dirección URL del archivo a ejecutar
overColor es el color en formato hexadecimal
playerSkin es el modelo a usar y hay cinco alternativas (por defecto es 1)
autoPlay establece si comenzará a ejecutarse al abrir la página (yes|no)

Un ejemplo:
value="soundPath=URL_archivo_audio.mp3&overColor=#FFFF00&playerSkin=4&autoPlay=yes"


Hay otros reproductores que permiten agregar listas de reproducción utilizando archivos XML pero, esto es complejo de hacer en Blogger ya que el SWF y la lista deben estar alojados en el mismo servidor:

Multiple Tracks Flash mp3 Player With Menu ZIP
Multiple Tracks Flash mp3 Player ZIP
Single Flash Loop Player ZIP
Mini Flash Loop Player ZIP


PremiumBeatPlayer1.12008-12-22mod_premiumbeat_player.zip
38 KB
PremiumBeatPlayer1.02008-12-08mod_premiumbeat_player.zip
32 KB





















TABLA - FUENTES - FONTS


SOUV2BalaramScaGoudyFOLIO 4.2Biblica Font








free counters


Disculpen las Molestias




TABLA - INFORMÁTICA - UTILIDADES

miércoles, 17 de junio de 2009

Insertar MP3s con facilidad - Vagabundia


Cualquier tipo de código HTML puede ser escrito utilizando JavaScript. Esta posibilidad es muy útil cuando se trata de códigos repetidos o engorrosos como lo son los reproductores de video o de audio que, por lo general, son siempre iguales ý sólo cambia un dato, el archivo a reproducir.

Así como era posible crear un script para insertar videos de YouTube con una instrucción sencilla, también podemos hacerlo con un reproductor de audio como el DewPlayer.

¿Qué necesitamos? Alojar el reproductor (un archivo SWF) en un servidor, por ejemplo en una cuenta de ImageShack y agregar este código en nuestra plantilla, antes de </head>:
<script type='text/javascript'>

//<![CDATA[
function escribir_MP3(archivo) {
var output = "<object type=\"application/x-shockwave-flash\" data=\"URL_dewplayermulti.swf?mp3=" + archivo + "\" height=\"20\" width=\"240\">";
output += "<param name=\"movie\" value=\"URL_dewplayermulti.swf?mp3=" + archivo + "\"></object>";
document.write (output);
}
//]]>
</script>
Donde debemos reemplazar URL_dewplayermulti.swf por la dirección URL de nuestro archivo.


¿Cómo lo usamos? Escribiendo una llamada al script donde quisiéramos que se mostrara:
<script type='text/javascript'>escribir_MP3("URL_archivo");</script>
Cada vez que lo usamos, simplemente cambiamos el dato del archivo de audio a reproducir y para probarlo, ya que estamos, aprovechamos la entrada de Gem@ y usamos XooImage para alojar algunos archivos MP3s.





















TABLA - FUENTES - FONTS


SOUV2BalaramScaGoudyFOLIO 4.2Biblica Font








free counters


Disculpen las Molestias




TABLA - INFORMÁTICA - UTILIDADES

Correo Vaishnava