Inserire nel blog il nuovo player di Yahoo per riprodurre video e brani musicali.

Ho già trattato l'argomento di come inserire il Player di Yahoo in un blog per riprodurre automaticamente tutti i link di musica. Quelli di Yahoo hanno creato una nuova versione, ancora in Beta ma perfettamente funzionante, che consente di riprodurre non solo gli MP3 ma anche i videoclip di Youtube e molti altri formati audio e video. WebPlayerYahoo è facilmente installabile e consente di creare Playlist e di visualizzare audio e video correlati al pezzo riprodotto.

Andando su Get it now! si accede alle API da installare nel sito. Si tratta di incollare questo semplice codice

<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>

immediatamente sopra alla riga </body> che, in Blogger, si trova su Design > Modifica HTML. I brani da riprodurre possono essere già presenti nel web, come i videoclip musicali, oppure possono essere caricati su DropBox nella cartella Public. Il codice da inserire in un articolo o in un widget è

<a href="URL della canzone o del video">Nome del brano musicale</a>

e questo per ciascuna canzone inserita. Il player sarà visibile sulla sinistra con un effetto slide innescato dal mouse

I video musicali saranno visualizzati e ascoltati all'interno del player senza bisogno di lasciare la pagina. Ho postato sul web una

• Demo del Player di Yahoo -

Tutti i link che potenzialmente possono essere riprodotti da questo player, mostreranno sulla loro sinistra una piccola icona di riproduzione. Cliccandoci sopra si aprirà anche in questo caso il player a fondo pagina

Quando si riproduce un MP3 viene visualizzata la classica icona della nota musicale a meno che il brano non abbia anche al suo interno i dati sulla immagine di copertina. La personalizzazione del player è possibile solo in parte. Il codice da inserire subito prima della riga precedente potrebbe essere questo

<script type="text/javascript"> var YWPParams = { theme: "silver" }; </script>

per mostrare il player di colore grigio invece che nero o quest'altro

<script type='text/javascript'>
var YWPParams =
{
autoplay:false,
autoadvance:false,
defaultalbumart:&#39;URL_IMMAGINE_PLAYER&#39;
};
</script>

con i parametri che hanno questo significato

• autoplay: false per non riprodurre automaticamente (true al posto di false per una riproduzione automatica)
• autoadvance:false se quando termina una canzone si interrompe la riproduzione. Se si mette true verranno riprodotti tutti i brani uno di seguito all'altro
• URL_IMMAGINE_PLAYER se si vuole personalizzare la forma del player e si vuole utilizzare una nostra immagine caricata su un hosting tipo Picasa.

Concludo ricordando che il player ha anche il comando per la regolazione del volume.