Buscador
Google

REPRODUCTOR DE MUSICA EN EL BLOG

|

Con este código mostraremos en el blog un sencillo reproductor de música, para ambientar el blog con nuestros temas mp3.
Lo he probado en Internet Explorer y Firefox y funciona correctamente, al menos en las versiones de estos navegadores que estoy usando (las últimas en los dos).
La música sonará además de en la página principal en las demás, es decir, en las páginas de etiquetas.

El código podemos pegarlo en un nuevo elemento HTML-Javascrip y colocarlo, por ejemplo, al pie del blog (footer). Aunque funciona sin problemas en los posts y sidebar. Eso si, hay que tener en cuenta que si lo ponemos en un post, no se oirá en las páginas donde no está el post donde hemos incluido el reproductor.

Este es el código para el reproductor:




Os explico ahora las modificaciones que podemos hacerle:

volume="100" el volumen de la música podemos escogerlo aquí.

showstatusbar="true" para que no se vea el nombre del tema musical que está sonando.
showstatusbar="false" para que se vea el nombre del tema musical que está sonando.

autostart="true" para que el tema empiece a sonar automáticamente (nuestras visitas podrán pararlo)
autostart="false" para que nuestras visitas tengan la opción de darle al play.

width="310" el largo del reproductor
height="45" el alto del reproductor
Podemos poner menor medida para verlo a menor tamaño, aunque esta es la óptima para ver el reproductor completo.

hidden="false" el reproductor se ve en el blog.
hidden="true" el reproductor no se ve en el blog. (Hay que tener en cuenta que no a todo el mundo le gusta la música en las páginas web, así que mejor dejarlo a la vista para que las visitas puedan hacer stop o silenciarlo si así lo desean)

Por supuesto, donde dice URL_DE_TU_TEMA_MUSICAL, es donde colocaremos la dirección de la canción que vamos a reproducir, podemos subir nuestro propio tema a un servidor o usar alguna de las muchas páginas de internet, donde ya encontraremos música alojada.

Yo he escogido un tema para el ejemplo de MIDI Studio se llama "Satin Doll", para conocer la url del mp3, pinchamos sobre enlace con el botón derecho, y en propiedades copiamos su url.

Por si queréis probarlo en vuestro blog antes de buscar vuestra propia música, os dejo la url de "Satin Doll":

http://midistudio.com/Audio/SatinDoll-R1_LesG.mp3

0 comentarios: