Nwlapcug.com


Come utilizzare Javascript per riprodurre un File MP3

Come utilizzare Javascript per riprodurre un File MP3


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

Istruzioni

1

Aggiungere il seguente codice al corpo del documento HTML:

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

Questo codice consente di incorporare e carica il file MP3, ma non viene riprodotto. Il valore del tag "src" contiene il percorso e il nome file del file MP3.

2

Aggiungere il seguente codice JavaScript tra i tag di "head" del documento HTML:

< script type = "text/javascript" >

Function playMP3() () {

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

}

< / script >

Questa funzione, quando chiamato, accede all'elemento "audio" per il relativo id ("mp3") e utilizza il metodo Play () per riprodurlo.

3

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

< input type = "pulsante" valore = "Fare clic per riprodurre MP3" onClick="playMP3();" / >

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

4

Utilizzare la seguente funzione invece di "playMP3" per consentire all'utente di mettere in pausa il file dopo l'inizio è:

Function playpauseMP3() () {

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

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

}else{

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

}

}

Modificare l'attributo "onClick" del tag "input" nel passaggio 3 corrisponda al nome di questa funzione.