Widget:AudioVerse: Difference between revisions
From Bodhicitta
((by SublimeText.Mediawiker)) |
((by SublimeText.Mediawiker)) |
||
| Line 3: | Line 3: | ||
<script> | <script> | ||
var audioControl = document.getElementById("audioControl<!--{$id|default:''}-->"), | var audioControl<!--{$id|default:''}--> = document.getElementById("audioControl<!--{$id|default:''}-->"), | ||
audio = document.getElementById("audioVerse<!--{$id|default:''}-->"), | audio = document.getElementById("audioVerse<!--{$id|default:''}-->"), | ||
icon = document.getElementById("audioIcon<!--{$id|default:''}-->"); | icon = document.getElementById("audioIcon<!--{$id|default:''}-->"); | ||
audioControl.addEventListener("click", () => { | audioControl<!--{$id|default:''}-->.addEventListener("click", () => { | ||
if (audio.paused) { | if (audio.paused) { | ||
audio.play().catch(error => { | audio.play().catch(error => { | ||
Revision as of 17:40, 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>
