I find in Stackoverflow before but almost example working in element.
Have any method toggle click play/pause when using Javascript?
HTML Code:
<button id="music" class="play-song"></button>
My JS code look like:
<script>
const elem = document.getElementById("music");
if (elem) {
elem.addEventListener ("click", playMusic, false);
}
function playMusic() {
var musik= new Audio("/songs/1.mp3");
musik.play();
var current = this;
if (current != elem) {
elem.classList.remove('mute-audio');
} else if (current.classList.contains('mute-audio') === true) {
current.classList.remove('mute-audio');
} else {
current.classList.add('mute-audio');
}
}
</script>
const elem = document.getElementById("music");
if (elem) {
elem.addEventListener ("click", playMusic, false);
}
var musik= new Audio("https://xomkey.com/wp-content/uploads/songs/xomkey-song.mp3");
function playMusic() {
if(musik.paused){
musik.play();
// do your other task
} else {
musik.pause();
// do your other task
}
}
<button id="music" class="play-song">Play/Pause</button>
You can play and pause with this piece of code like toggle. For audio, there are many more interesting methods.
For your reference:
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement
https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments