Un certo numero di modi è possibile incorporare e riprodurre file audio MP3 su pagine Web. Il tag deprecato "embed" in HTML, diversi giocatori Flash, ed i giocatori basati su Java sono tutti esempi. Lo standard HTML5, con la sua enfasi sulla creazione di script e la sua mancanza di dipendenza da software di terze parti, offre il modo più compatibile per incorporare e riprodurre file MP3 su pagine Web andando avanti. Incorporare il file MP3 con l'oggetto HTML5 "audio", e quindi utilizzare una funzione JavaScript per avviare la riproduzione

istruzione

1 Aggiungere il seguente codice al corpo del documento HTML:

<Audio id = precarico "mp3" = "auto"> </ audio>

Questo codice incorpora e carica il file MP3, ma non gioca esso. Il valore della variabile "src" contiene il percorso e il nome del file MP3.

2 Aggiungere il seguente codice JavaScript tra i tag "testa" del documento HTML:

<Script type = "text / javascript">

Funzione playMP3 () {

document.getElementById("mp3").play();

}

</ Script>

Questa funzione, quando viene chiamato, accede l'elemento "audio" dal suo id ( "mp3"), e utilizza il metodo play () per riprodurlo.

3 Aggiungere un pulsante alla pagina Web per chiamare la funzione "playMP3" quando l'utente fa clic di esso. Aggiungere il seguente codice al corpo del documento HTML:

<Input type = "button" value = "Clicca per giocare MP3" onclick = "playMP3 ();" />

Modificare l'attributo "valore" per dare il pulsante di un titolo diverso.

4 Utilizzare la seguente funzione al posto di "playMP3" per consentire all'utente di mettere in pausa il file dopo l'avvio esso:

Funzione playpauseMP3 () {

if(document.getElementById("mp3").paused){

. Document.getElementById ( "mp3") giocare ();

}altro{

. Document.getElementById ( "mp3") mettere in pausa ();

}

}

Modificare l'attributo "onClick" del tag "input" al punto 3 per abbinare il nome di questa funzione.