Pubblicato il 12/10/14e aggiornato il

Come installare un player audio su Blogger o Tumblr per musica di sottofondo.

Come installare SCM Music Player nel nostro blog su Blogger o Tumblr per avere un player audio che riproduca playlist di Youtube, Podacsast o elnco di brani selezionati da noi.
Personalmente non amo molto la musica di sottofondo che si sente in alcuni siti quando si aprono perché preferisco essere io a scegliere che musica ascoltare e quando farlo. Ci possono però essere dei siti in cui una impostazione di questo tipo si renda necessaria e poi l'installazione di un player audio non serve esclusivamente per musica di sottofondo ma può essere usato anche per riprodurre audio esplicativi di una certa funzionalità magari da essere ascoltati solo in una particolare pagina inserendo i vincoli dei tag condizionali. Poi possiamo impostare il player senza autoplay in modo da lasciare al lettore la scelta della riproduzione.

Fino a un paio di anni fa il player audio più utilizzato era quello di Yahoo che permetteva di riprodurre anche video. Purtroppo questa funzionalità è stata eliminata dai nuovi dirigenti e da quel momento è iniziata una ricerca di player alternativi. Ricordo il Player audio personalizzabile, quello che utilizza il servizio AudioPlay e il player audio minimalista creato con i tag HTML5

Casualmente sono venuto a conoscenza di SCM Music Player che è un progetto open source che offre agli utenti la possibilità di inserire nelle proprie pagine web un player audio in grado non solo di riprodurre brani MP3 ma anche playlist di Youtube o Podcast.   Il primo passo è quello di scegliere lo stile del player mettendo la spunta a quello con i colori e la forma preferiti

scmplayer-skin

Se nessuno dei player proposti vi piace potete dare uno sguardo alle Custom Skins con più di 4000 player personalizzati creati dagli utenti. Si va su Choose per selezionare la soluzione preferita 

player-personalizzati

Il passo successivo sarà quello di creare la Playlist dei brani dopo che si è cliccato su Next

creare-playlist-brani-scmplayer

Potete caricare i file audio nella cartella Public di Dropbox oppure usare Google Drive come Hosting degli MP3. Visto che con i brani musicali ci potrebbero essere dei problemi di Copyright potete anche usare uno dei tanti servizi in rete che offrono link diretti a brani musicali. Per il test di SCMPlayer ho utilizzato Kiwi6 che quando si clicca su un brano oltre a riprodurlo ne permette di copiare l'hotlink ovvero il link diretto

kiwi6-hotlink

Nel primo campo di SCMPlayer si digita il nome del brano e nel secondo il suo Hotlink. Si possono inserire molti brani anche usando il bottone Add More Songs. Alternativamente alla creazione di una nostra playlist si può mettere la spunta su RSS Podcast/SoundCloud Sets/ Youtube Playlist. Ci sono anche degli esempi di URL per RSS, Podcast, Sound Cloud e Playlist di Youtube che possono essere incollati nel browser per avere una idea del funzionamento

playlist-scmplayer

Si va su Next per continuare la configurazione

configurazione-scmplayer

Si può mettere la spunta a Auto Play per iniziare la riproduzione automaticamente e settare il livello di volume iniziale con il cursore. Si può anche decidere se visualizzare il player nella parte alta (Top) o bassa (Bottom) del layout. In Repeat Mode si può riprodurre la Playlist una sola volta o all'infinito oppure se riprodurre solo un elemento. Andando su Done di visualizzerà il codice 

codice-scm-player

Tale codice su Blogger va incollato su Modello > Modifica HTML subito sopra al tag </body> mentre su Tumblr si va su Modifica (Edit) HTML e si incolla all'interno di <body> e </body>.


Il lettore visualizzerà il player prescelto che comunque sarà di questo tipo

scm-player-audio 

Sulla sinistra ci saranno le icone con i tasti Play e Pausa oltre a quelli per passare al brano precedente o a quello successivo. Si visualizzerà il nome del brano così come è stato digitato oltre al tempo trascorso dall'inizio della sua riproduzione e alla durata totale del brano. Sulla destra ci sono il cursore per il volume e l'icona che mostra la Playlist per dare al lettore la possibilità di scelta

scmplayer-playlist

Concludendo ritengo SCM Music Player una ottima soluzione per avere la musica nel proprio sito.





Nessun commento :

Posta un commento

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.