Pubblicato il 21/07/11e aggiornato il

Come inserire effetti sonori al passaggio del mouse o quando si clicca un link o un bottone.

Questa personalizzazione è veramente carina ma ha il difetto di funzionare solo con Internet Explorer. Si tratta di far emettere un effetto sonoro quando un link, un pulsante o comunque un collegamento viene puntato dal mouse oppure quando ci viene cliccato sopra.

Per prima cosa occorre procurarci gli effetti speciali sotto forma di suoni. Si può attingere al sito Free Sounds Effects con una miriade di effetti gratuiti suddivisi in categorie: Ambientali, Domestici, Meccanici, Musicali, ecc. Questi effetti sono di libero download e in genere sono in formato MP3. Per poterli utilizzare in questa personalizzazione, vanno convertiti in formato wav. Si può utilizzare il fantastico programma gratuito Format Factory che permette di convertire ogni genere di file audio, video, immagine e non solo. Quando si ha il file wav dell'effetto prescelto occorre caricarlo su DropBox.

Conviene creare una cartella con suoni diversi e caricarla come sottocartella di Public. Come è noto solo i file all'interno di Public si può ottenere l'hotlink del file caricato su su DropBox. Per copiarlo negli Appunti si clicca con il destro del mouse sopra il file e si va su Dropbox > Copy public link 

dropbox hotlink    

Per inserirlo in un qualunque link occorre modificare il codice del collegamento in questo modo

<a href="URL_DEL_COLLEGAMENTO" onmouseover="document.all.music.src='http://dl.dropbox.com/u/2574553/effetti-sonori/sound7.wav'">Testo visibile del link</a> <bgsound src="http://dl.dropbox.com/u/2574553/effetti-sonori/sound7.wav" id=music loop=1 autostart="false">

dove ho volutamente lasciato il link diretto al suono su DropBox colorato di rosso. Con questo codice, il suono si ascolterà al passaggio del mouse sul link. Se si vuole ascoltarlo quando ci si clicca sopra, si deve sostituire onmouseover con onclick.

  1. Post di demo dell'effetto - (Solo con Internet Explorer)




7 commenti :

  1. Come mi avevi promesso, hai dedicato un articolo all'argomento. Peccato che sia compatibile solo con IE. Io non lo uso da anni e credo sia lo stesso ormai per la quasi totalità della gente :P

    RispondiElimina
  2. non lo usa più nessuno ma poi nelle statistiche delle visite vedi che è ancora di gran lunga il browser più usato ...
    misteri della fede
    ;-)

    RispondiElimina
  3. @Tex
    Non è usato dai blogger e dai geek ma per i normali utenti è ancora l'unico browser installato. Ha ancora una quota di mercato vicina al 50%

    RispondiElimina
  4. infatti ...
    senti su G+ non si può scrivere sulla bacheca degli amici come in FB o forse è ancora in rodaggio??

    RispondiElimina
  5. @Tex
    Vedrai che si potranno fare anche troppe cose :) Ancora non è neppure stato reso pubblico ...

    RispondiElimina
  6. Io sui miei blog ho inserito tanto di icone che consigliano di passare a Chrome e/o Firefox... spero che la gente cominci ad eliminare IE dai propri PC... :P

    RispondiElimina
  7. Ce nessuno che ha una soluzione che funziona anche con Firefox???

    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.