26 novembre 2011

Canzoni di Natale nel blog come sottofondo musicale.

Dopo aver presentato tra gli Effetti per Halloween anche dei suoni tipici di quella festa che si riproducevano automaticamente per qualche secondo all'apertura di una pagina, voglio illustrare una personalizzazione simile ma che riguarda le canzoni e i jingle di Natale. La riproduzione avviene mediante il player di Google Reader che però risulterà invisibile visto che sono state configurate dimensioni pari a zero.
Ho raccolto sul web tutta una serie di canzoni tipiche natalizie che possono però essere integrate con altri brani o depurate dai jingle che non vi piacciono. Ciascun pezzo ha una durata massima di 50 secondi in modo da rendere il caricamento immediato. Quando si è installata questa personalizzazione, all'atto dell'apertura di ciascuna pagina del blog, inizia la riproduzione di un jingle in modo del tutto casuale. Potete constatarlo aprendo e ricaricando
Se ricaricate la pagina, per esempio cliccando su F5, ascolterete 17 brani natalizi in ordine casuale. Ho raccolto tutti gli MP3 in una cartella che poi ha zippato e caricato su SugarSync e DropBox. La potete scaricare, scompattare con 7-Zip o analogo software per ascoltare tutte le canzoni 
L'installazione su Blogger non presenta particolari difficoltà. Occorre andare su Modello > Modifica HTML, cercare la riga </body> e, subito sopra, incollare questo codice javascript

<!-- CANZONI E JINGLE NATALIZI INIZIO -->
<script type='text/javascript'>
//<![CDATA[
// Suoni di Natale by http://www.ideepercomputeredinternet.com
var natale = [
"https://sites.google.com/site/musicafilemp3/natale/1Deckthe.mp3",
"https://sites.google.com/site/musicafilemp3/natale/1HejWDzien.mp3",
"https://sites.google.com/site/musicafilemp3/natale/1XmasTre.mp3",
"https://sites.google.com/site/musicafilemp3/natale/2SilentN.mp3",
"https://sites.google.com/site/musicafilemp3/natale/3Ave.mp3",
"https://sites.google.com/site/musicafilemp3/natale/3FirstNoel.mp3",
"https://sites.google.com/site/musicafilemp3/natale/3Hark.mp3",
"https://sites.google.com/site/musicafilemp3/natale/4Greensl.mp3",
"https://sites.google.com/site/musicafilemp3/natale/DeckTheHallsInD.mp3",
"https://sites.google.com/site/musicafilemp3/natale/Jingle.mp3",
"https://sites.google.com/site/musicafilemp3/natale/pFirstNo.mp3",
"https://sites.google.com/site/musicafilemp3/natale/pJingle.mp3",
"https://sites.google.com/site/musicafilemp3/natale/pUnFlambeauJeannette.mp3",
"https://sites.google.com/site/musicafilemp3/natale/pWeWishY.mp3",
"https://sites.google.com/site/musicafilemp3/natale/SilentNightInA.mp3",
"https://sites.google.com/site/musicafilemp3/natale/tu-scendi-dalle-stelle.mp3",
"https://sites.google.com/site/musicafilemp3/natale/WeWishYouAMerry.mp3",
];
var rotazione = Math.random()*natale.length;
var numero = Math.floor(rotazione);
document.write('<iframe style="width:0;height:0;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-audio.xml&up_MP3='+natale[numero]+'&up_START=Yes" allowTransparency="true" frameborder="0" scrolling="no"></iframe>');
//]]>
</script>
<!-- CANZONI E JINGLE NATALIZI FINE - http://www.ideepercomputeredinternet.com -->

Si salva il modello. Se adesso aprite qualsiasi pagina del blog sarà riprodotta una delle 17 canzoni natalizie che sono state caricate.

Osservazioni Conclusive
Gli URL dei brani sono stati colorati di rosso; ciascuna canzone è stata caricata su Google Sites in modalità Schedario ma si può scegliere di caricarle anche nella cartella Public di DropBox per poi acquisirne l'URL diretto. Se un pezzo non ci piace, si può eliminare la riga di codice corrispondente come analogamente si possono aggiungere altre righe per nuovi jingle natalizi. Questo metodo può essere naturalmente utilizzato anche per la riproduzione automatica di brani riguardanti altre festività come quelle di Carnevale o di Pasqua

I blog che si occupano di matrimoni possono usare lo script per riprodurre marce nuziali mentre i siti dedicati a cantanti possono usare il codice per far ascoltare ai lettori estratti dei brani dei loro idoli musicali. Come detto è opportuno che non si superi il minuto per ciascun pezzo quindi, per estrarre una parte di un brano, può essere usato per esempio Format Factory > Audio > Tutti verso MP3 > Aggiungi File > Imposta intervallo e inserire l'ora di inizio e l'ora di fine del file che vogliamo estrarre. Concludo osservando che questo script può essere incollato in qualsiasi sito che supporta il linguaggio javascript visto che il tag </body> è presente in tutte le pagine web. Il player audio è stato realizzato da Viti-Vino. Le Blog de Prac.


13 commenti:

  1. Ernesto, tu riesci ad esaudire le mie richieste prima ancora che le faccia. Sei un grande, grazie!

    RispondiElimina
  2. asd come al solito non funziona LOL

    RispondiElimina
  3. @yota71
    Hai il profilo non disponibile quindi non so se hai un blog con dominio personalizzato. Nel caso avessi un blog del tipo www.mioblog.com i file caricati su Google Sites non funzionano. Bisogna scaricare tutti gli MP3 dallo ZIP che ho linkato su SugarSync e DropBox, scompattarli e caricarli sulla cartella Public di DropBox. Dopo aver acquisito il loro link diretto va sostituito all'URL delle canzoni nel codice del post.

    RispondiElimina
  4. Sono consapevole che chi ha un dominio personalizzato debba fare più fatica a inserire molti dei widget o degli effetti che presento. D'altra parte non posso caricare i javascript e gli altri file sul mio account DropBox perché esaurirei la banda massima e mi andrebbero in tilt tutti i widget personali che vi ho caricato oltre a quelli utilizzati da altri. Google Sites invece non ha limitazioni di bandwidth ma Google non vuole fare da deposito per file utilizzati in domini non di sua proprietà (quando si acquista un dominio anche se si usa sempre Blogger l'indirizzo è nostro e non di Google).

    RispondiElimina
  5. In effetti ho il dominio personalizzato, ma ho imparato dalle faccine, quindi i file musicali sono caricati sulla dropbox, ma anche se li ho caricati li e seguito passo a passo la tua guida, le musiche non funzionano (forse è il google player) comunque non è iun segreto il mio dominio è www.yota71.net, grazie per le tue guide (e comunque in questo caso ho provato anche sul blog senza dominio ma non mi partono neanche li forse e il design (basato su simple) che non fa funzionare lo script

    RispondiElimina
  6. @yota71
    Molto strano. Sei sicuro di aver incollato bene gli URL? Ci devono essere le virgolette e le virgole. Se salti una virgola non ti funziona nulla.

    RispondiElimina
  7. Fantástico!! Muito obrigado! Grazie! :)

    RispondiElimina
  8. io ho inserito il codice, ma sento solo un pezzettino delle canzoni....è giusto cosi?
    molto bello, complimenti!

    RispondiElimina
  9. @Fioredicollina
    Devi considerare che viene riprodotto un pezzo tutte le volte che si apre una pagina o si ricarica quindi ho pensato che pochi secondi fossero sufficienti. Volendo puoi inserire altri brani anche molto più lunghi

    RispondiElimina
  10. grazie, nn lo sapevo infatti, scusa ma pensavo rispondessi direttamente anche in blog e non dirett. qui meno male che sono ripassata....
    auguri!!!

    RispondiElimina
  11. ah ho capito...mi sono iscritta per le risposte via email....beh...un po' alla volta ci arrivo.... :-)))

    RispondiElimina
  12. @Fioredicollina
    Rispondo sempre nel blog poi puoi trovare il sistema che reputi più opportuno per leggere le risposte.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti al post.