Widget:AudioVerse: Difference between revisions

From Bodhicitta
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
Line 1: Line 1:
<audio id="audioVerse" preload='none'><source src='<!--{$src|default:''}-->' type='audio/mp3' /></audio>
<audio id="audioVerse" preload='none'><source src='<!--{$src|default:''}-->' type='audio/mp3' /></audio>
<span id="audioControl" class="verse-page-toggle active text-70 p-1">chant <i id="audioIcon" class="fa-sharp-duotone fa-solid fa-play fa-sm ml-1"></i></span>
<span id="audioControl" class="verse-page-toggle active text-70 px-1 py-0">chant <i id="audioIcon" class="fa-sharp-duotone fa-solid fa-play fa-sm ml-1"></i></span>
<script>
<script>



Revision as of 17:09, 29 April 2025

<audio id="audioVerse" preload='none'><source src= type='audio/mp3' /></audio> chant <script>

var audioControl = document.getElementById("audioControl"), audio = document.getElementById("audioVerse"), icon = document.getElementById("audioIcon");

audioControl.addEventListener("click", () => { if (audio.paused) { audio.play().catch(error => { console.error("Error playing audio:", error); }); } else { audio.pause(); audio.currentTime = 0; } icon.classList.toggle("fa-play"); icon.classList.toggle("fa-pause"); });

</script>