valkiro

tagged: mp3, player, Web master

Come inserire un audio mp3 sul sito o blog

A volte si potrebbe avere la necessità di inserire un lettore di file Mp3 su una pagina web (indifferentemente dal fatto che sia un sito, un blog o un forum) senza che ai visitatori csia necessario possedere QuickTime o Windows Media Player.

Grazie a Google, Yahoo e Odeo potete inserire sulle vostre pagine dei semplicissimi codici che vi permetteranno di far ascoltare la vostra musica tramite i loro player, di seguito vi riporto i codici relativi ad ogni player di questi siti.

1. Google Reader MP3 Player

Google Reader è un lettore in flash che ha il controllo del volume, calcola da solo la durata del brano e mostra la barra di avanzamento della durata, è in oltre privo del marchio Google.
Codice da incorporare:

Codice: <embed type=”application/x-shockwave-flash” src=”http://www.google.com/reader/ui/3247397568-audio-<a href="http://www.valkiro.org/tag/player/" class="st_tag internal_tag" rel="tag" title="Posts tagged with player">player</a>.swf?audioUrl=MP3_FILE_URL” width=”400″ height=”27″ allowscriptaccess=”never” quality=”best” bgcolor=”#ffffff” wmode=”window” flashvars=”playerMode=embedded” />

Copiate e incollate questo codice e ricordatevi di cambiare MP3_FILE_URL con il link al tuo file MP3.

ecco il risultato:

2. Yahoo! MP3 Player

Yahoo vi offre un generatore di codice Easy Listener con il quale creare un lettore MP3 sempre in Flash dove potrete configurare i colori e ile grandezze in modo da renderlo compatibile con la grafica della pagina in cui lo andrete ad inserire, potete inserire sia il link della cartella dove avete la musica che il link al file stesso e scegliere se far avviare il player in autoplay.

Codice da incorporare:

Codice:: <embed src=’http://webjay.org/flash/xspf_player’ width=’400′ height=’90′ wmode=’transparent’ flashVars=’playlist_url=MP3_FILE_URL&rounded_corner=1&skin_color_1=0,0,0,0&skin_color_2=0,0,0,0′ type=’application/x-shockwave-flash’ pluginspage=’http://www.adobe.com/go/getflashplayer’ />

Copiate e incollate questo codice e ricordatevi di cambiare MP3_FILE_URL con il link al tuo file MP3.

Screenshot del risultato:

Codice da incorporare:

Codice:: <embed src="http://webjay.org/flash/dark_player" width="400" height="40" wmode="transparent" flashVars="playlist_url=MP3_FILE_URL&skin_color_1=-145,-89,-4,5&skin_color_2=-141,20,0,0" type="application/x-shockwave-flash" />

Copiate e incollate questo codice e ricordatevi di cambiare MP3_FILE_URL con il link al tuo file MP3.

Screenshoot del risultato:

3. Yahoo! Media Player

Eccovi un altro ottimo player offerto da Yahoo, la particolarità di questo Media Player è quella di rilevare in maniera automatica i link dei file mp3 segnalati nella pagina in modo da non dover mettere un lettore per ogni file.
Il Media Player rileverà tutti i collegamenti ipertestuali agli mp3, dispone in oltre della funzione shuffle, i visitatori potranno facilmente passare da un brano ad un altro tramite la playlist che sarà facilmente raggiungibile tramite un collegamento posto in alto a destra al lettore.

Codice da incorporare:

Codice:: <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

<a href="esempio1.mp3">Prima canzone</a>
<a href="esempio2.mp3">Seconda canzone</a>

Eccovi il risultato:

Mondo Marcio Marcio
Black Machine Funky Banana

4. Odeo MP3 Player

Odeo offre un altro interessante lettore mp3, avrete disponibile la barra di avanzamento che però per funzionare nella maniera corretta, abbisogna che sia inserita in maniera esatta la durata del brano (se la durata è errata il player funziona ugualmente ma la barra darà un ‘informazione errata), il player non dispone del controllo volume.

Codice da incorporare:

Codice:: <embed type=”application/x-shockwave-flash” src=”http://www.odeo.com/flash/audio_player_standard_gray.swf” width=”400″ height=”52″ allowScriptAccess=”always” wmode=”transparent” flashvars=”audio_duration=DURATION&external_url=MP3_FILE_URL” />

Ecco il risultato:

Copiate e incollate questo codice e ricordatevi di cambiare MP3_FILE_URL con il link al tuo file e DURATION (in secondi) con il valore che vorrete dare voi.

Condividi questo articolo: