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
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
Il passo successivo sarà quello di creare la Playlist dei brani dopo che si è cliccato su Next
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
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
Si va su Next per continuare la configurazione
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
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
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
Concludendo ritengo SCM Music Player una ottima soluzione per avere la musica nel proprio sito.
Ho fatto tutto come descritto ma non parte la musica sul blog
RispondiEliminaIl post è di tre anni fa e la demo non funziona più quindi ci deve essere un problema dal lato del sito o dal lato del brano musicale. Dropbox e Google Drive non supportano più l'hosting.
EliminaLeggi questo post che forse potrà risolverti il problema
http://www.ideepercomputeredinternet.com/2015/11/musica-sottofondo-blogger-html5.html
oppure leggi questi altri articoli
http://www.ideepercomputeredinternet.com/2014/04/player-audio-playlist-html5-blogger.html
http://www.ideepercomputeredinternet.com/2015/07/file-audio-video-player-html5.html
http://www.ideepercomputeredinternet.com/2016/06/audio-sottofondo-autoplay-html5.html
@#