Existem várias maneiras de incorporar e reproduzir arquivos de áudio MP3 em suas páginas da Web. A tag "incorporar" obsoleta em HTML, vários players de Flash e players baseados em Java são exemplos. O padrão HTML5, com sua ênfase em scripts e sua falta de dependência de software de terceiros, oferece a maneira mais compatível de incorporar e reproduzir MP3s em páginas da Web daqui para frente. Incorpore o arquivo MP3 com o objeto "áudio" HTML5 e, em seguida, use uma função JavaScript para iniciar a reprodução
Etapa 1
Adicione o seguinte código ao corpo do seu documento HTML:
Este código incorpora e carrega o arquivo MP3, mas não o reproduz. O valor da tag "src" contém o caminho e o nome do arquivo MP3.
Etapa 2
Adicione o seguinte código JavaScript entre as tags "head" do seu documento HTML:
Esta função, quando chamada, acessa o elemento "audio" pelo seu id ("mp3"), e utiliza o método play() para reproduzi-lo.
Etapa 3
Adicione um botão à página da Web para chamar a função "playMP3" quando o usuário clicar nele. Adicione o seguinte código ao corpo do documento HTML:
Altere o atributo "value" para dar ao botão um título diferente.
Etapa 4
Use a seguinte função em vez de "playMP3" para permitir que o usuário pause o arquivo após iniciá-lo:
function playpauseMP3(){ if(document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Altere o atributo "onClick" da tag "input" na Etapa 3 para corresponder ao nome desta função.
