Come utilizzare Javascript per riprodurre un file MP3

Sono disponibili diversi modi per incorporare e riprodurre file audio MP3 nelle pagine Web. Il deprecato tag "embed" in HTML, vari lettori Flash e lettori basati su Java sono tutti esempi. Lo standard HTML5, con la sua enfasi sullo scripting e la sua mancanza di affidamento su software di terze parti, offre il modo più compatibile per incorporare e riprodurre MP3 nelle pagine Web in futuro. Incorpora il file MP3 con l'oggetto "audio" HTML5, quindi utilizza una funzione JavaScript per avviarne la riproduzione

Passaggio 1

Aggiungi il seguente codice al corpo del tuo documento HTML:

Questo codice incorpora e carica il file MP3, ma non lo riproduce. Il valore del tag "src" contiene il percorso e il nome del file MP3.

Passaggio 2

Aggiungi il seguente codice JavaScript tra i tag "head" del tuo documento HTML:

Questa funzione, quando viene chiamata, accede all'elemento "audio" tramite il suo id ("mp3") e utilizza il metodo play() per riprodurlo.

Passaggio 3

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

Modifica l'attributo "value" per assegnare al pulsante un titolo diverso.

Passaggio 4

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

funzione playpauseMP3(){ if(document.getElementById("mp3").paused){ ​​document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }

Modifica l'attributo "onClick" del tag "input" nel passaggio 3 in modo che corrisponda al nome di questa funzione.