C'era una volta in una rock band. Quando stavo costruendo il nostro sito web, naturalmente volevo mettere un po 'di musica in modo che i visitatori potessero ascoltare prima di acquistare i nostri brani su iTunes. Dopo un po 'di ricerche ho scoperto che ci sono un milione di modi in cui potresti farcela, alcuni migliori di altri. Purtroppo, dopo due album e tanti bei momenti, la mia band The Van Buren Regulars non esiste più. Fortunatamente, quello che ho imparato sull'integrazione della musica è vivo ed è abbastanza facile da trasmettere.
Oggi esamineremo quattro semplici modi per incorporare i file MP3 nel tuo sito web. Tutti questi metodi sono gratuiti e richiedono solo pochi minuti per essere implementati. Controlliamoli!
Giocatore semplice con parametri modificabili
Usando un tag oggetto, possiamo creare il nostro piccolo giocatore con poche righe di codice. Incolla il codice qui sotto nella tua pagina e inserisci il link al tuo MP3. Quindi puoi personalizzare opzioni come altezza, larghezza, colore di sfondo, loop e autoplay.
Fonte: O'Reilly Media
Ecco il giocatore che risulta (potrebbe richiedere un minuto per caricare):
Lettore MP3 di Google Reader
Sono sicuro che non ti sorprenderebbe sapere che Google ha una risorsa gratuita che si adatta perfettamente a questo problema. Per utilizzare il lettore MP3 di Google Reader, è sufficiente incollare il codice seguente nella pagina e indicare l'audioURL? nel tuo file MP3.
Ecco un esempio:
Yahoo Media Player
Yahoo Media Player adotta un approccio drasticamente diverso presentando agli spettatori una porzione di testo molto minimale e un pulsante di riproduzione anziché un giocatore a tutti gli effetti. Tuttavia, quando fai clic sul pulsante di riproduzione, viene visualizzato un giocatore mobile che rimane con te mentre scorri. Abbastanza carino!
Per il giocatore di Yahoo, per prima cosa inserisci questo pezzo di codice JavaScript nel tuo codice:
Quindi, invece di creare un nuovo player per ogni MP3 che vuoi incorporare, devi semplicemente collegarlo agli MP3 nel tuo HTML e crea automaticamente il player per te.
Ecco l'esempio:
Canzone 1
Canzone 2
Si noti inoltre che anche prima di fare clic sul pulsante di riproduzione, il lettore di Yahoo è ancorato e pronto per andare in basso a sinistra della finestra. Basta fare clic sulla freccia per farlo scorrere.
MixPod
MixPod crea un widget flash gratuito da incorporare nel tuo sito. Ci sono pro e contro nell'usare questo servizio rispetto a quelli sopra. I contro sono che devi iscriverti (gratis) e il giocatore visualizza un link a MixPod. I professionisti sono che hai una miriade di grandi opzioni di design, informazioni sui brani incorporati tra cui artista e nome del brano, la possibilità di regolare la combinazione di colori per abbinarla a quella del tuo sito e accedere a canzoni e playlist popolari.
Configurare un MixPod è semplicissimo e non richiede alcuna conoscenza della codifica oltre a dove incollare lo snippet di codice che ti danno. Tutto quello che devi fare è incollare il tuo link MP3, inserire le informazioni sull'artista / traccia per tutti i brani della tua playlist e scegliere la tua pelle e i tuoi colori. Quindi MixPod ti fornisce un pezzo di codice piuttosto grande da incollare nel tuo sito. Il risultato è piuttosto lucido.
MixPod è solo uno dei tanti fornitori di lettori flash gratuiti che puoi incorporare nel tuo sito. Dai un'occhiata a questo post su CNET per la lista di quelli buoni.
Conclusione
Questo post è un po 'breve ma è perché incorporare la musica è diventato davvero super facile. Tutti i giocatori sopra ti offrono soluzioni semplici, copia e incolla per inserire MP3 sul tuo sito. Il giocatore con cui dovresti andare dipende interamente dal modo in cui vuoi usarlo. A volte vuoi solo qualcosa di il più minimale possibile mentre altre volte vuoi un giocatore animato e appariscente che i tuoi spettatori non possono mancare. Personalmente, adoro le skin e le funzionalità disponibili sui lettori MixPod. Tuttavia, solo Yahoo offre quell'ottima funzione mobile in modo che il giocatore rimanga con te e possa essere disattivato o manipolato in qualsiasi momento. lascia un commento qui sotto per farci sapere come incorporare MP3 nei tuoi siti o quali di queste opzioni ti piacciono di più.