Pubblicato il 30/08/11e aggiornato il

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

player-yahoo

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

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

icona di riproduzione

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.





8 commenti :

  1. Ma è semplicemente fantastico! Grazie mille ;) Ecco in quale mio blog l'ho inserito :P http://playstationgen.blogspot.com/

    RispondiElimina
  2. Ciao e grazie per tutti i tuoi consigli che utilizzo frequentemente!

    Purtroppo però non riesco a utilizzare questo player di yahoo.
    In questo mio blog: http://gliortisti.blogspot.com proprio in fondo alla home page come puoi vedere appare un link chiamato "Milly". Quel link punta a un video.mp4 che ho caricato su dropbox.
    Nel template ho aggiunto il primo codice da te consigliato prima della riga /body.


    Hai qualche idea del perché non si apre il player? Mi puoi aiutare?

    RispondiElimina
  3. @Herr Affe
    Il Player funziona solo con i video di Youtube e con i link diretti a file MP3

    RispondiElimina
  4. Scoperto l'arcano.
    Il player di yahoo permette per ora di visualizzare solo video presenti su youtube e trailers su yahoo.movies.

    Maggiori infos qua: http://webplayer.yahoo.com/docs/how-to-use/

    Saluti!

    RispondiElimina
  5. Oops! Abbiamo risposto insieme, scusa la replica!

    RispondiElimina
  6. Ciao Ernesto. Vorrei segnalarti che il link della demo del player porta a una pagina vuota ...
    http://demo-blogger-widget.blogspot.com/2011/08/post-di-demo-sul-player-di-yahoo.html

    RispondiElimina
  7. @Franco Losi
    La pagina non la vedevi perché usi Internet Explorer e sono stati inseriti i commenti nidificati. Adesso comunque ho messo il caricamento asincrono e dovrebbe essere visibile anche con quel browser

    P.S. Ho usato la procedura di questo post
    http://www.ideepercomputeredinternet.com/2012/01/come-visualizzare-i-commenti-nidificati.html

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.