26 gennaio 2009

Come inserire un player mp3 nel proprio blog




Come inserire un player mp3 all'interno del proprio blog?

Yahoo! Media Player consente di ascoltare qualsiasi file .mp3 inserito all'interno di una pagina web. E' semplice da inserire nel proprio sito web o blog ed è facile da utilizzare grazie al design dell'interfaccia che offre tutte le funzioni a portata di clic.

Inserire Yahoo! Media Player all'interno di una pagina web è davvero semplice, è sufficiente inserire una riga di codice Javascript all'interno di un post o nel codice html ed il player comparirà magicamente sottoforma di icona espandibile.

Tutti i file .mp3 inseriti nella pagina web vengono automaticamente riconosciuti dal player che si occupa di suonarli senza dover inserire ulteriori informazioni nel codice.

Per i più esperti Yahoo ha rilasciato le API per personalizzare ogni aspetto estetico e funzionale del player come per esempio differenti playlist, ordinare i brani, aggiungere le immagini delle copertine ecc. (vd. link a fondo pagina)


Yahoo! Media Player ha un ingombro ridotto, è infatti possibile minimizzare il lettore ad icona (foto sopra) consentendo la riduzione degli ingombri all'interno del layout della pagina.

Da notare è anche l'effetto a scomparsa molto fluido e di grande impatto.
Il player essendo integrato nella pagina, è sempre a portata di mano, non ostacola la lettura del testo e consente di non perdere la visita dell'utente in-trattenendolo all'interno della pagina web.


La prima versione di Yahoo! Media Player è stata rilasciata la scorsa estate ma, con pesanti limitazioni che permettevano solo la riproduzione di 30 secondi di campioni audio .mp3 in versione demo.

Yahoo! ha ora reso disponibile il player mp3 nella versione completa di tutte le funzionalità aggiungendo anche le API che consentono una personalizzazione pressoché totale.


Caratteristiche:

- grafica minimale molto gradevole
- tutto sotto controllo dell'utente
- semplicità di installazione
- ingombro ridotto, compare e scompare con un click
- riconosce automaticamente tutti i file .mp3
- non richiede download, installazione o manutenzione
- alta possibilità di personalizzazione grazie alle API [how to use]


Come inserire Yahoo! Media Player nel proprio sito web/blog

1) Inserire i file mp3 nella pagina/post con la seguente sintassi;



2) Inserire il player mp3 nella pagina copiando ed incollando il seguente codice;



3) Massimizzare il player e premere play


Risorse per implementare e personalizzare Yahoo! Media Player
Yahoo! Developer network
Guarda la Demo di Yahoo! Media Player
Gruppo di discussione/aiuto Yahoo! Music Player
Esempio di personalizzazione di Yahoo! Media Player
Come personalizzazione (javascript e css)Yahoo! Media Player
Utilizzare documenti web come playlist [RSS, SPF, ASX, M3U, PLS]

-Tags-
flash player mp3, embended media player, inserire media player nel blog, mp3 player, come inserire Yahoo! Media Player nel blog, come personalizzare Yahoo! Media Player, codice javascript media player, inserire playlist mp3

12 commenti:

grassosalvato86 ha detto...

Ciao Agostino!
E' da circa una settimana che utilizzo Yahoo Media Player per il mio blog. Era proprio quello che cercavo da tempo! Per l'appunto non ingombra, è molto pratico e quei piccoli pulsantini accanto ciascun link file.mp3 sono veramente deliziosi.

Arrivederci!
Salvatore

Ago ha detto...

Ciao Salvatore,
si confermo è un'ottima soluzione per ascoltare .mp3 all'interno di pagine web. Io cercavo un player semplice da installare e devo dire che questo è il massimo.

A presto ;)

Francesco ha detto...

ciao agostino, non sono capace di fare l'operazione, sono stupido, ma vorrei essere uno stupido musicale. mi spieghi meglio ?
grazie ciao francesco

Ago ha detto...

@Francesco
Devi caricare i file Mp3 da qualche parte e poi copiare l'indirizzo del brano caricato, come indicato al punto 1.


Titolo canzone

andrea ha detto...

scusate .. c'è un modo per fare in modo che le canzoni inserite partano in automatico ?

grazie per il bel "gadget" suggerito

Francesca Papale ha detto...

Devi caricare i file mp3 da qualche parte...si, ma dove??

Ago ha detto...

Ciao Francesca,
puoi utilizzare qualsiasi servizio che offre lo storage di file come per esempio questo
hosting gratuito per caricare mp3

;)

andrea ha detto...

ma cooome si fa se io copio ed incollo sul mio blog i 2 html nn succede nulla!!!! qualcuno mi spieghi dettagliatamente quello che c'è da fare GRAZIE..

Ago ha detto...

@Andrea
Leggi i commenti sopra ;) Devi caricare il file Mp3 in uno spazio hosting e poi inserire il percorso del file nell'HTML al posto di quello di esempio "http://canzone.mp3"

Waixen ha detto...

Ciao,

Non capisco come far caricare lo script, uppo le song nell'fpt, faccio come scritto nel punto 1 ( e comunque funziona tutto) e incollo anche lo script. Il risultato sono le song, senza riproduttore..

Ago ha detto...

@Waixen

Hum.. sei sicuro di non aver saltato qualche passaggio? Incolli anche il percorso dell'mp3?

Anonimo ha detto...

certo che la procedura viene spiegata proprio come un libro stracciato eh.. o almeno non vi rendete proprio conto che uno alle prime armi non ci capisce niente. date per scontati tantissimi termini
1) Inserire i file mp3 nella pagina/post con la seguente sintassi;
2) Inserire il player mp3 nella pagina copiando ed incollando il seguente codice;
(tanto per cominciare i due codici vanno uno sotto l'altro? nella stessa pagina html?) ma possibile che nessuno sappia dare una spiegazione chiara passo per passo di cio che si debba fare? ne ho cercati 300 mila di siti che spiegavano come inserire un cavolo di player in un sito, e nessuno che spieghi decentemente e con chiarezza cio che si debba fare.. boh. vabe

Posta un commento

Blog Widget by LinkWithin