Use uma função JavaScript para permitir que os visitantes do site reproduzam um MP3.
Existem várias maneiras de incorporar e reproduzir arquivos de áudio MP3 em suas páginas da web. A tag "embed" obsoleta em HTML, vários Flash players e players baseados em Java são todos exemplos. O padrão HTML5, com sua ênfase em scripts e sua falta de confiança em 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
Passo 1
Adicione o seguinte código ao corpo do seu documento HTML:
Vídeo do dia
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.
Passo 2
Adicione o seguinte código JavaScript entre as tags "head" do seu documento HTML:
Esta função, quando chamada, acessa o elemento "audio" por seu id ("mp3"), e usa 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 "valor" para dar ao botão um título diferente.
Passo 4
Use a seguinte função em vez de "playMP3" para permitir que o usuário pause o arquivo após iniciá-lo:
função 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.
