Yahoo! Web Player: Reproductor de MP3 y videos – php – Dominios

Hace poco más de un año habíamos visto elYahoo! Media Player, unreproductor de mp3 bastante original que tiene como característica detectar cualquier enlace de mp3 y reproducirlo en su peculiar reproductor que se pliega y despliega abajo de la página.

Desde el pasado 4 de agosto se actualizó el reproductor, que por cierto ahora se llamaYahoo! webplayer, y el cual ahora tiene un aspecto más elegante, incorpora una barra de reproducción para situarnos en un punto específico de la canción, muestra en un icono rojo el número de canciones que hay en la lista de reproducción, y además ahora puede reproducir videos incluyendo videos de YouTube, formatos MP4, WMV, etc.

Puedes ver el ejemplo de estereproductor de MP3 y videos haciendo click en alguno de estos links.

Canción (This is not a love song)
Video de YouTube (This boots are made for walking)

Para usar este reproductor descarga y descomprimeeste archivo. Súbelo a un hosting y estando en laEdición HTML de tu plantilla pega antes de/head lo siguiente

script src='URL de tu archivo' type='text/javascript'/

Ahí agrega la URL del archivoYahooPlayer.js que previamente subiste. Ahora, en tus entradas, o un elementoHTML/Javascript pega las URLs de las canciones o los videos de esta forma:

a href="URL del archivo MP3 o Video"Nombre de la canción/a

Y listo, de inmediato aparecerá el ícono deplay junto al enlace, indicador de que se puede reproducir en el reproductor.

Por defecto el reproductor añade una carátula gris a todas las canciones, pero si quieres que tu canción tenga una carátula específica entonces el código a utilizar sería este:

a href="URL del archivo MP3 o Video"img src="URL de la imagen" style="display:none" /Nombre de la canción/a

Yahoo nos ofrece unas cuantas opciones de parámetros para personalizarlo, aunque no todos pueden ser muy útiles, quizá lo más rescatables de ellos sean sólo tres: el autoplay, el auto-avanzar, y la carátula definida. Cualquier de ellos podemos usarlos agregando justo debajo del script que añadimos antes de /head, lo siguiente:

script type='text/javascript'
var YWPParams =
{
autoplay:false,
autoadvance:false,
defaultalbumart:'URL de la imagen de la carátula'
};
/script

autoplay, es el parámetro que ordena si se reproduce automáticamente o no, por defecto está enfalse, para activarlo lo cambiamos portrue
autoadvance, indica si una canción continua al terminar la anterior o no,true hará que continue yfalse lo contrario.
defaultalbumart, es la carátula para todas las canciones, sólo hay que agregar la URL de la imagen donde se indica.

Además de esos parámetros podemos agregar un poco de CSS para modificar algunos aspectos del reproductor. Sólo hay que añadir antes de/b:skin algunos de los estilos que quieras utilizar.

Eliminar el logotipo de Yahoo webplayer

El reproductor incluye un logotipo en la parte superior izquierda, para eliminarlo hay que agregar estos estilos:

.ywp-container .ywp-hdr .ywp-hdr-logo {display:none !important;}

No mostrar ninguna carátula

Distinto al parámetro del reproductor, o a la imagen que agregamos directamente en el enlace, si quieresno mostrar ninguna carátula entonces añade estos estilos:

.ywp-info .ywp-thumbnail-default-img, .ywp-info .ywp-thumbnail-img {display:none !important;}

Cambiar el color del reproductor

Aunque el color que trae por defecto es muy elegante, también puede cambiarse por otro color añadiendo lo siguiente:

.ywp-player {background-image:none !important; background-color:#8A0886 !important;}

Cambiar el color de la lista de reproducción

Si has cambiado el color del reproductor seguro querrás cambiar el color de fondo del área de la lista de reproducción, este se cambia con estos estilos:

.ywp-media-content-audio .ywp-audio-pane, .ywp-tray ol.ywp-playlist {background-color:#F5A9F2 !important;}

Y para finalizar, también podemos hacer uso de laslistas de reproducción, éstas podrán reproducirse sin problema en este reproductor.

En los parámetros que nos ofrece Yahoo hay uno que es para controlar el volumen, pero lo he probado en varias ocasiones y no ha funcionado, de cualquier manera, si alguien quiere probarlo o ver la lista completa de los parámetros de reproductor pueden verlos en el sitio del reproductor.

Sitio | Yahoo! webplayer
Parámetros | How to set up

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Health Records Personal Health Record Massage School Dallas Texas sell your structured settlement payments how to donate a car in california Dedicated Hosting Dedicated Server Hosting houston tx auto insurance supportpeachtreecom Custom Christmas cards refinance with poor credit Better Conference Calls lawsuit mesothelioma domain name yahoo cash out structured settlement Hire php programmers Donating used cars to charity business voip solutions Photo Christmas cards Html email workers compensation lawyer los angeles Best Seo company injury lawyers west palm beach Online casino Casino reviews New social media platforms Car Insurance Quotes PA CAR INSURANCE QUOTES COLORADO Casino Register Free Domains washington mesothelioma attorney Php programmers for hire better conferencing calls Mortgage adviser accident attorney orange county Social media campaigns Futuristic Architecture Proud Italian cook Best social media platforms Best social media platforms for business personal injury lawyer sarasota fl Learning adobe illustrator Criminal Defense Attorneys Florida benchmark lending REGISTER FREE DOMAINS DUI lawyer How to donate a car in California Php programmers Annuity Settlements Donate Car to Charity California houston motorcycle accident lawyer domains yahoo Social media management Mobile casino mesothelioma attorney california event management security mesothelioma attorneys structured settlement buyer mesothelioma trial attorney best structured settlement companies Make money online Australia Psd to WordPress car insurance in south dakota Life Insurance Co Lincoln ROYALTY FREE IMAGES STOCK Criminal lawyer HOW TO DONATE A CAR IN CALIFORNIA Live casino Criminal defense attorneys Florida criminal defense attorneys florida AUTO ACCIDENT ATTORNEY FUTURISTIC ARCHITECTURE virtual data rooms ONLINE MOTOR INSURANCE QUOTES boca raton personal injury attorney Hire php developers Seo companies mesothelioma law firm Dwi lawyer earthlink business internet Nunavut culture Service business software How to Donate A Car in California CAR DONATE selling my structured settlement georgia truck accident lawyer Auto Mobile Insurance Quote mesothelioma symptoms CAR INSURANCE QUOTES MN Criminal defense lawyer mesothelioma attorney assistance truck accident attorney los angeles CHEAP CAR INSURANCE IN VIRGINIA Hire php developer HOME PHONE INTERNET BUNDLE mesothelioma charities Bankruptcy lawyer DAYTON FREIGHT LINES Computer science classes online adverse remortgage automobile accident attorney Met Auto Custom WordPress theme designer WordPress themes for designers Mortgage Car Accident Lawyers auto accident lawyer san francisco Asbestos Lawyers home phone internet bundle Social media platforms for business Business finance group EMAIL BULK SERVICE mesothelioma survival rates los angeles motorcycle accident lawyer michigan motorcycle accident lawyer personal injury firm Seo services