Existem várias formas de incorporar e reproduzir arquivos de áudio MP3 em páginas Web. A tag "embed" obsoleta em HTML, vários players Flash e players baseados em Java são exemplos. O padrão HTML5, com ênfase em scripts e sem dependência de software de terceiros, oferece a forma mais compatível de incorporar e reproduzir MP3s. Incorpore o arquivo MP3 com o objeto "audio" do HTML5 e use uma função JavaScript para iniciar a reprodução.
Adicione o seguinte código ao corpo do seu documento HTML:
<audio id="mp3" src="caminho/arquivo.mp3"></audio>
Este código incorpora e carrega o arquivo MP3, mas não o reproduz. O valor da tag "src" contém o caminho e nome do arquivo MP3.
Adicione o seguinte código JavaScript entre as tags "head" do seu documento HTML:
<script>function playMP3(){ document.getElementById("mp3").play(); }</script>
Esta função, quando chamada, acessa o elemento "audio" pelo id ("mp3") e usa o método play() para reproduzi-lo.
Adicione um botão à página para chamar a função "playMP3" quando o usuário clicar. Adicione ao corpo do HTML:
<input type="button" value="Reproduzir" onClick="playMP3()">
Altere o atributo "value" para dar título diferente ao botão.
Use a seguinte função em vez de "playMP3" para permitir pausar após iniciar:
function playpauseMP3(){ if(document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Altere o atributo "onClick" da tag "input" no Passo 3 para o nome desta função.
Tecnologia Eletrônica © [www.351231.com]
