How to check if an audio is playing?

You can check the duration. It is playing if the duration is more than 0 seconds and it is not paused.

var myAudio = document.getElementById('myAudioID');

if (myAudio.duration > 0 && !myAudio.paused) {

    //Its playing...do your job

} else {

    //Not playing...maybe paused, stopped or never played.

}

While I am really late to this thread, I use this implementation to figure out if the sound is playing:

service.currentAudio = new Audio();

var isPlaying = function () {
    return service.currentAudio
        && service.currentAudio.currentTime > 0
        && !service.currentAudio.paused
        && !service.currentAudio.ended
        && service.currentAudio.readyState > 2;
}

I think most of the flags on the audio element are obvious apart from the ready state which you can read about here: MDN HTMLMediaElement.readyState.

document.getElementsByTagName('audio').addEventListener('playing',function() { myfunction(); },false); 

Should do the trick.

Try this function! Audio playing would not be executed if the position is the beginning or ending

function togglePause() {
     if (myAudio.paused && myAudio.currentTime > 0 && !myAudio.ended) {
         myAudio.play();
     } else {
         myAudio.pause();
     }
}

I wondered if this code would work, and it amazingly did:

if (a.paused == false) {
/*do something*/
}

or you could write it as:

if (!a.paused == true) {
/*do something*/
}

if you want your IDE annoying you in JSfiddle.

you can to use the onplay event.

var audio = document.querySelector('audio');
audio.onplay = function() { /* do something */};

or

var audio = document.querySelector('audio');
audio.addEventListener('play', function() { /* do something */ };

Try Out This Code:

    var myAudio = document.getElementById("audioFile"); 

    function playAudio() { 
          //audio.play(); 
          //console.log(audio.play())
           if (myAudio.paused && myAudio.currentTime >= 0 && !myAudio.started) {
         myAudio.play();
         console.log("started");
     } else {
         myAudio.pause();
     }
}

To check if audio is really start playing, especially if you have a stream, need to check audio.played.length to 1. It will be 1 only if audio is really start sounds. Otherwise will be 0. It's more like a hack, but that still works even in mobile browsers, like Safari and Chrome.

I do this way

    <button id="play">Play Sound</button>
<script>
    var sound = new Audio("path_to_sound.mp3")
    sound.loop = false;
    var play = document.getElementById("play")
    play.addEventListener("click", () => {
        if (!isPlaying()) {
            sound.play()
        } else {
            //sound.pause()  
        }
    })

    function isPlaying() {
        var infoPlaying = false
        var currentTime = sound.currentTime == 0 ? true : false
        var paused = sound.paused ? true : false
        var ended = !sound.ended ? true : false
        var readyState = sound.readyState == 0 ? true : false
        if (currentTime && paused && ended && readyState) {
            infoPlaying = true
        } else if (!currentTime && !paused && ended && !readyState) {
            infoPlaying = true
        }
      return infoPlaying
    }
</script>

There is an answer by @AllanRibas, in which the function should rather look like this in my opinion:

let plr = document.querySelector("#player-audio-element");
if(isPlaying(plr) === true) {
    // do stuff ...
}

export function isPlaying(plr) {
    let atStart = plr.currentTime == 0 ? true : false
    if ((atStart && plr.paused) || (plr.ended && plr.readyState == 0))
        return false
    return true
}

I use this for play pause audio button

    var audio=$("audio").get[0];
    if (audio.paused || audio.currentTime == 0 || audio.currentTime==audio.duration){
//audio paused,ended or not started
            audio.play();
        } else {
//audio is playing
            audio.pause();
        }

I was able to solve the problem using Singletone

let instance: HTMLAudioElement;

export class SingletoneAudio {
  public audioPath: string;
  constructor(audioPath: string) {
    this.audioPath = audioPath;
    if (!instance) {
      instance = new Audio(audioPath);
    }
  }

  getInstance() {
    return instance;
  }
}

const audioInstance = new SingletoneAudio('your-path');
const audio = audioInstance.getInstance();
audio.loop = true;

I don't know why this could be wrong:

var isPlaying = false;
audio = document.getElementById('audioID');
audio.addEventListener('playing',function() { isPlaying = true;  },false);
audio.addEventListener('pause',  function() { isPlaying = false; },false); 
audio.addEventListener('ended',  function() { isPlaying = false; },false); 

am using this jquery code withe tow button play and stop, play button is a play and pouse button

const help_p = new Audio("audio/help.mp3");//Set Help Audio Name
$('#help_play').click(function() {//pause-Play
if (help_p.paused == false) {
  help_p.pause();//pause if playing
} else {
  help_p.play();//Play If Pausing
}
});

$('#help_stop').click(function() {//Stop Button
  help_p.pause();//pause
  help_p.currentTime = 0; //Set Time 0
});