Mudanças entre as edições de "Widget:Audio"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
<includeonly> | <includeonly> | ||
<script src="//api.html5media.info/1.2.2/html5media.min.js"></script> | <script src="//api.html5media.info/1.2.2/html5media.min.js"></script> | ||
<audio id="audio" src=" | <audio id="buzina-audio" src="/images/d/db/Buzinasom.mp3" preload="auto" controls style="display:none;"></audio> | ||
<button id="buzina-play" style="background-color: #6587c4; color: white; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer;"> | |||
Tocar Buzina | |||
</button> | |||
<script> | |||
document.addEventListener("DOMContentLoaded", function () { | |||
const button = document.getElementById("buzina-play"); | |||
const audio = document.getElementById("buzina-audio"); | |||
// Garantir pré-carregamento do áudio | |||
audio.load(); | |||
// Evento para tocar o áudio ao clicar no botão | |||
button.addEventListener("click", function () { | |||
audio.currentTime = 0; // Reseta para o início caso já tenha tocado | |||
audio.play().catch((error) => { | |||
console.error("Erro ao tocar o áudio:", error); | |||
}); | |||
}); | |||
}); | |||
</script> | |||
</includeonly> | </includeonly> | ||