Mudanças entre as edições de "Widget:Audio"

De Wiki Gla
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="buzina-audio" src="/images/d/db/Buzinasom.mp3" preload="auto" controls style="display:none;"></audio>
<audio id="audio" src="<!--{$url|validate:url}-->" id="<!--{$id|escape:'html'}-->" preload></audio></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>

Edição das 20h05min de 19 de novembro de 2024