I lettori MP3 sono una caratteristica popolare su molti siti web. Possono svolgere qualsiasi tipo di contenuto audio on-line, dalla musica alla poesia ai podcast. Molti usano applicazioni di Shockwave Flash (SWF) per riprodurre i file MP3. L'incorporamento di lettori MP3 Flash nelle pagine Web usato per essere complesse in tradizionale HTML (Hypertext Markup Language). L'introduzione di HTML versione 5 ha reso il processo molto più facile grazie a una versione semplificata dell'elemento "incorporare".

Istruzioni

1

Scegli il tuo lettore MP3. Molti freeware e opzioni open source sono disponibili per il download sul Web. Per questo esempio, scegliere un lettore MP3 Flash che utilizza di HTML5 "incorporare" elemento e seguire attentamente la relativa documentazione.

2

Creare un file di HTML5. Aprire un nuovo documento nell'editor di testo e fare una pagina di HTML5 base utilizzando questo codice.

<! doctype html >
< html >
< head >
< meta charset = "utf-8" / >
< title > come incorporare un lettore MP3 con HTML < / title >
< / head >
< corpo >

< / body >
< / html >

Salvare il file come "mp3-player.html."

3

Aggiungere un elemento di "incorporare" di HTML5. Mettere questo semplice codice all'interno della sezione "corpo" HTML, sostituendo il valore di "myFlashMP3Player.swf" con il nome del file del tuo Flash MP3 player.

< embed src="myFlashMP3Player.swf"/ >

La seguente documentazione di lettore MP3 con attenzione, l'aggiunta di alcun codice aggiuntivo richiesto (in genere, questo potrebbe essere alcuni JavaScript). Salvare nuovamente il file.

4

Verificare la pagina Web. Aprire il browser Web e caricare "mp3-player.html." Si dovrebbe vedere il lettore MP3 incorporato nella pagina Web. In caso contrario, verificare di aver copiato correttamente gli esempi di codice e di aver seguito documentazione del lettore MP3.

Consigli & Avvertenze

• Il modo più rapido per ottenere questo lavoro di esempio di codice è di provarlo con un semplice file di animazione Flash (SWF) piuttosto che un lettore MP3. Una volta che avete quel lavoro, sarà più facile identificare eventuali errori che si potrebbe fare in seguendo le istruzioni di codifica del vostro lettore MP3.
• A differenza di altre funzioni multimediali di HTML5, suo elemento "incorporare" è stato ben supportato dai principali browser Web fin dall'inizio. Anche se richiede utilizzando un Flash player (ad esempio), più dei vecchi browser capire che "audio" elemento di HTML5.
• HTML5 consente ancora di utilizzare metodi tradizionali di incorporamento multimediale con l'elemento di "oggetto" (come il metodo JavaScript di SWFObject). Tuttavia, il loro utilizzo è più difficile rispetto all'utilizzo "incorporare" elemento di HTML5.
• Questo esempio illustra le nozioni di base di Flash incorporato in HTML5. Non copre i metodi complessi per utilizzando l'elemento di "oggetto" più anziane. Non utilizzare l'esempio con lettori MP3 progettati per versioni precedenti di HTML o il metodo del "oggetto".
• Se un browser non ha già installato il plugin Flash, elemento di "incorporare" di HTML5 non automaticamente guiderà e alla pagina di download del plugin. Tuttavia, poiché la maggior parte di utenti già Flash installato nel proprio browser, questo non è normalmente un problema. Se ti interessa, soluzioni JavaScript sono disponibili (ad esempio di SWFObject).