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">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-90">chant <i id="audioIcon" class="fa-sharp-duotone fa-solid fa-play fa-sm ml-1"></i></span> | ||
<script> | <script> | ||
Revision as of 16:06, 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(); } else { audio.pause(); audio.currentTime = 0; } icon.classList.toggle("fa-play"); icon.classList.toggle("fa-pause"); });
</script>
