Utilizzare una funzione JavaScript per consentire ai visitatori del sito Web di riprodurre un MP3.
Esistono diversi modi per incorporare e riprodurre file audio MP3 nelle tue pagine Web. Il tag "embed" deprecato 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 dipendenza da software di terze parti, offre il modo più compatibile per incorporare e riprodurre MP3 su pagine Web in futuro. Incorpora il file MP3 con l'oggetto "audio" HTML5, quindi utilizza una funzione JavaScript per avviarne la riproduzione
Passo 1
Aggiungi il seguente codice al corpo del tuo documento HTML:
Video del giorno
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.
Passo 2
Aggiungi il seguente codice JavaScript tra i tag "head" del tuo documento HTML:
Questa funzione, quando 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 seguente codice al corpo del documento HTML:
Modifica l'attributo "valore" per dare 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:
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 in modo che corrisponda al nome di questa funzione.
