Come incorporare un lettore mp3 con HTML

February 25

Come incorporare un lettore mp3 con HTML


lettori MP3 sono una caratteristica popolare su molti siti web. Possono giocare qualsiasi tipo di contenuti audio on-line, dalla musica alla poesia podcast. Molti usano Shockwave Flash (SWF) applicazioni per riprodurre i file MP3. Incorporare lettori MP3 Flash nelle pagine Web utilizzati ad essere complessa tradizionale HTML (Hypertext Markup Language). L'introduzione di HTML versione 5 reso il processo più facile grazie ad una versione semplificata dell'elemento "incorporare".

istruzione

1 Scegli il tuo lettore MP3. Sono disponibili per il download sul Web molte opzioni di origine freeware e open. Per questo esempio, scegliere un lettore MP3 Flash che utilizza elemento "embed" di HTML5 e seguire attentamente la relativa documentazione.

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

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8" />
<Title> Come incorporare un lettore MP3 con HTML </ title>
</ Head>
<Body>

</ Body>
</ Html>

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

3 Aggiungere un elemento HTML5 "embed". Mettete questo semplice codice HTML all'interno della vostra sezione "corpo", sostituendo il valore "myFlashMP3Player.swf" con il nome del file del proprio lettore MP3 Flash.

<Embed src = "myFlashMP3Player.swf" />

In seguito con attenzione la documentazione del lettore MP3, l'aggiunta di qualsiasi codice aggiuntivo richiesto (in genere, questo potrebbe essere un po 'di JavaScript). Salvare nuovamente il file.

4 Metti alla prova la tua pagina web. Aprire il browser Web e caricare "mp3-player.html." Si dovrebbe vedere il lettore MP3 incorporato all'interno della pagina Web. In caso contrario, verificare di aver copiato correttamente gli esempi di codice e di aver seguito la documentazione del lettore MP3.

Consigli e avvertenze

  • Il modo più veloce per ottenere questo codice di esempio di lavoro è quello di testare con un semplice file di animazione Flash (SWF), piuttosto che un lettore MP3. Una volta che avete che il lavoro, sarà più facile per identificare eventuali errori che potrebbe fare nel seguire le istruzioni di codifica del lettore MP3.
  • A differenza di alcune delle altre funzioni multimediali di HTML5, il suo elemento "embed" è stato ben supportato dai principali browser Web fin dall'inizio. Anche se richiede l'utilizzo di un lettore Flash (per esempio), più dei browser più anziani capiscono che di elemento "audio" di HTML5.
  • HTML5 permette ancora di utilizzare metodi tradizionali di multimedia incorporamento con l'elemento "oggetto" (come ad esempio il metodo JavaScript del SWFObject). Tuttavia, il loro utilizzo è più difficile che usare elemento "embed" di HTML5.
  • Questo esempio dimostra le basi di Flash incorporamento in HTML5. Non copre i metodi complessi per utilizzare l'elemento più vecchio "oggetto". Non utilizzare l'esempio con i lettori MP3 progettate per le versioni precedenti del metodo di "oggetto" HTML o.
  • Se un browser Web non ha già il plugin Flash installato, elemento "embed" di HTML5 non guiderà automaticamente alla pagina di download del plugin. Tuttavia, poiché la maggior parte degli utenti web hanno già installato Flash nei loro browser, questo non è normalmente un problema. Se è così ti riguarda, soluzioni JavaScript sono disponibili (come SWFObject).

Articoli Correlati