Yahoo! Media Player: Reproductor de MP3 – Money – Rooms

AVISO
Este reproductor ya no funciona, pero hay unaversión más actualizada y funcionando de este reproductor que además de reproducir música MP3 también permite reproducir videos de YouTube.

Haymuchos reproductores en flash para MP3 pero pocos suelen ser tan llamativos y originales como elreproductor de MP3 de Yahoo! Media Player.

Es un reproductor el cual permanece "escondido" y al hacer click sobre el enlace de una canción aparece en la parte de abajo con los controles del reproductor.

Pueden ver un ejemplo haciendo click en cualquier a de estas canciones:

Peroxide swing
Fever
That's how it goes

Instalarlo en tu blog es una de las grandes ventajas ya que es de lo más sencillo en cuanto a reproductores de música.
Sólo tienes que entrar enDiseño Edición de HTML y antes de/head pegar lo siguiente:

script type="text/javascript" src="http://mediaplayer.yahoo.com/js"/script

Ahora en una entrada o en un elementoHTML/Javascript pega esta línea por cada canción que quieras agregar al reproductor:

a href="URL_de_la_cancion.mp3"Nombre de la canción/a

Cambia la URL de tu archivo MP3 donde se indica al igual que el nombre de la canción. ¡Y listo! Automáticamente aparecerá junto al nombre de la canción un ícono dePlay que indicará que es una canción.

NOTA: El reproductor no funciona si las canciones se alojan en Google Sites, pero puedes alojarlas en otro hosting comoDropbox o cualquier otro (Gracias aJosé GDF por esta aclaración)

Personalzación

Caratula del álbum

Si deseas que tus canciones también muestren la caratula del álbum entonces el código que deberás usar será este:

a href="URL_de_la_cancion.mp3"img src="URL de la imagen" style="display:none" /Nombre de la canción/a

La imagen deberá ser cuadrada y no rectangular.

Eliminar logotipo de Yahoo! y leyenda learn more about this player
Por defecto el reproductor tiene el logotipo de Yahoo! y una leyenda con un enlace que dice:learn more about this player

Para eliminarlo entra enDiseño Edición de HTML y antes de/b:skin lo siguiente:

#ymp-yahoo-logo, #ymp-relevance {visibility: hidden;}
#ymp-relevance { display:none !important; }
.ymp-player-max #ymp-body { width:570px !important; }
.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
.ymp-player-max #ymp-body #ymp-body-base { width:560px !important; }

Cambiar el color del reproductor


El color original del reproductor es gris pero también puedes cambiarlo por el color que quieras, sólo agrega antes de/b:skin lo siguiente:

#ymp-player .ymp-color-main,
#ymp-tray .ymp-color-tray {
background-color:#2F437C !important;}

Cambia donde se indica el código del color que más te guste.

Cambiar el color de las letras del reproductor

Las letras del reproductor son un gris oscuro, pero si cambias el color del reproductor seguro podrás tener problemas para leer las letras, así que también puedes cambiarlo, sólo pega antes de/b:skin lo siguiente:

#ymp-player .ymp-color-text-main {
color:#000000 !important;}

Igualmente puedes elegir el color que prefieras.

Cambiar el color de la lista de reproducción
Igual que en el anterior quizá necesites cambiar el color de la lista de reproducción, para ello pega antes de/b:skin lo siguiente:

#ymp-tray .ymp-tray-track {
color:#FFCE0C !important;/* Color para los títulos */
}
#ymp-tray .ymp-tray-track:hover {
color:#FFFFFF !important;/* Color del título al pasar el cursor */
background-color:transparent !important;
}
#ymp-tray .ymp-tray-track.playing,
#ymp-tray .ymp-tray-track.playing:hover {
color:#FFFFFF !important;/* Color del título de la canción en reproducción */
background-color:#777777 !important;
}

Actualización: 19/02/2010
Eliminar la información sobre el hosting donde están alojados los archivos

Gracias aVku que me pasó este dato acerca de cómo eliminar la dirección donde están alojados los archivos.
De igual modo hay que agregar antes de/b:skin lo siguiente:

#ymp-meta-album-title{display:none!important;}

Eliminar enlace de Yahoo! Search que aparece sobre el título de la canción

Cuando pasamos el cursor sobre el título de la canción vemos que aparece un enlace, este enlace nos lleva a la búsqueda de Yahoo! para encontrar la canción en cuestión.
Para eliminar este enlace buscamos antes de/head el script que habíamos pegado anteriormente, o sea, este:

script type="text/javascript" src="http://mediaplayer.yahoo.com/js"/script

Justo debajo de él pegamos lo siguiente:

script type="text/javascript"
//![CDATA[
// Disable Yahoo! search links
var apiReadyHandler = function (){
/* Once API ready handler is invoked, YAHOO.MediaPlayer class can be accessed safely */
/* For example: Add other event listeners **/
YAHOO.MediaPlayer.onMediaUpdate.subscribe(DisableTitleSearch);
YAHOO.MediaPlayer.onTrackStart.subscribe(DisableTitleSearch);
};

var DisableTitleSearch = function() {
var track_title = document.getElementById('ymp-meta-track-title');
var artist_title = document.getElementById('ymp-meta-artist-title');
if(track_title && artist_title){
track_title.href = artist_title.href = 'javascript:void(0)';
track_title.onclick = artist_title.onclick = function(){ return false; };
}
};

YAHOO.MediaPlayer.onAPIReady.subscribe(apiReadyHandler);
//
/script

Eliminar la caratula del álbum
Para que la caratula del álbum no se vea pega antes de/b:skin lo siguiente:

#ymp-meta-image { display:none !important; }
#ymp-body #ymp-meta-top,
#ymp-body #ymp-meta-bottom {
left:8px !important;
width:330px !important;
}

Cambiar la caratula del álbum por default
Cuando no ponemos una caratula a una canción aparecerá una imagen de una bocina. Podemos cambiar esta imagen de la bocina por cualquier otra, sólo pega debajo de la línea del script, es decir, debajo de esta línea:

script type="text/javascript" src="http://mediaplayer.yahoo.com/js"/script

Lo siguiente:

script type="text/javascript"
var YMPParams =
{
defaultalbumart:'URL de la imagen'
}
/script

Ahí agrega la URL de la imagen de la caratula donde se indica.

Como ves las ventajas de este reproductor son muchas, sobre todo por la forma tan simple de agregar canciones al reproductor.

La desventaja es que para crear distintas listas de reproducción es necesario saber crear archivos .XSPF que son listas de reproducción para reproductores en flash.

Enlace | Yahoo! Media Player

chicago hair laser removal Live casino pharmacist jobs in chicago Criminal defense lawyer Social media platforms for business business administration masters miami personal injury attorney Christmas cards life insurance co lincoln Online casino Register Free Domains Car Insurance in South Dakota canada personals yahoo CHEAP CAR INSURANCE IN VIRGINIA Best social media platforms for business Seo companies criminal defense attorneys florida Social media tools Seo services domain yahoo Gas/Electricity Computer science classes online google affiliate car accident lawyer san bernardino Bankruptcy lawyer Mobile casino Sell Annuity Payment Business management software miami personal injury lawyer Casino Custom WordPress theme designer Attorney Online College Course DUI lawyer Casino reviews Dwi lawyer motorcycle lawyer los angeles Make money online Australia Social media platforms Social media examiner Criminal defense attorneys Florida Online Criminal Justice Degree Hire php programmers holland michigan college Custom Christmas cards Hard drive Data Recovery Services Business finance group Criminal lawyer CAR INSURANCE QUOTES PA mesothelioma attorney assistance Claim business email web hosting New social media platforms caraccidentlawyer car insurance in south dakota Donate Car To Charity CALIFORNIA Hire php developers DONATE OLD CARS TO CHARITY Futuristic architecture Cheap Domain Registration Hosting truck accident attorney los angeles Neuson Donating a Car in Maryland st louis mesothelioma attorney ANNUITY SETTLEMENT Service business software Nunavut Culture buy structured settlements Hire php developer Donating used cars to charity car crash attorneys Car Accident Lawyers Tech school Php programmers for hire Insurance Online Christmas cards Asbestos Lawyers mesothelioma claims Cheap Car Insurance in Virginia peritoneal mesothelioma Psd to html tucson car accident attorney Php programmers donate car for tax credit Mesothelioma Law Firm cheap domain registration hosting Dallas mesothelioma attorneys Health Records Personal Health Record Donate car for tax credit Home Phone Internet Bundle mesothelioma lawyer california earthlink business internet Donating Used Cars to Charity CAR DONATE personal injury law firm Best Seo company business voip solutions federal criminal defense attorney asbestos lung cancer Best social media platforms Online classes Met auto compare life assurance Italian cooking school Seo company los angeles auto accident attorneys Donating a car in Maryland event management security structured settlements annuities Massage School Dallas Texas Structures Annuity Settlement Photo Christmas cards WordPress themes for designers WordPress hosting Business Voip Solutions