Widget:AudioVerse: Difference between revisions

Revision as of 15:54, 29 April 2025

<audio id="audioVerse" preload='none'><source src= type='audio/mp3' /></audio> <a href="#" id="audioControl" class="text-60 offwhite-bg rounded tsdwiki-pop-off px-2 py-1 d-flex align-items-center">CHANT </a> <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>

@@ Line 1: / Line 1: @@
-<audio id="audioVerse" preload='none'>
+<audio id="audioVerse" preload='none'><source src='<!--{$src|default:''}-->' type='audio/mp3' /></audio>
-	<source src='<!--{$src|default:''}-->' type='audio/mp3' />
-</audio>
 <a href="#" id="audioControl" class="text-60 offwhite-bg rounded tsdwiki-pop-off px-2 py-1 d-flex align-items-center">CHANT <i id="audioIcon" class="fa-sharp-duotone fa-solid fa-play fa-sm ml-1"></i></a>
 <script>
-	var audioControl = document.getElementById("audioControl"),
+var audioControl = document.getElementById("audioControl"),
-		audio = document.getElementById("audioVerse");
+	audio = document.getElementById("audioVerse"),
-		icon = document.getElementById("audioIcon");
+	icon = document.getElementById("audioIcon");
-	audioControl.addEventListener("click", (event) => {
+audioControl.addEventListener("click", () => {
-		if (audio.paused) {
+	if (audio.paused) {
-			audio.play();
+		audio.play();
-		} else {
+	} else {
-			audio.pause();
+		audio.pause();
-			audio.currentTime = 0
+		audio.currentTime = 0;
-		}
+	}
-		icon.classList.toggle("fa-play");
+	icon.classList.toggle("fa-play");
-		icon.classList.toggle("fa-pause");
+	icon.classList.toggle("fa-pause");
-	});
+});
 </script>