title: Toggle Play / Pause Buttons in HTML Audio Player
body: <p>I am after a very basic music player, I have the following basics working now, however;</p>
  
  <p>1) How to make both the Play and Pause buttons in one button? That appears first as Pause and on click It toggles Play and on click again it Toggle Pause?</p>
  
  <p>2) Also Is there anyway to add a progress counter? not a bar, but numbers i.e. 0.3/4.0min</p>
  
  <p><strong>Here is the fiddle: <a href="http://jsfiddle.net/tjHhY/" rel="nofollow">www.jsfiddle.net/tjHhY</a>
  And here is the code as well here:</strong> </p>
  
  <pre><code>var audio = new Audio("http://dp0169.free.fr/Musique/Air/Air%20-%20Talkie%20Walkie/02%20Cherry%20Blossom%20Girl.mp3");
  
  $(".play").click(function () {
      audio.play();
  })
  
  $(".pause").click(function () {
      audio.pause();
  })
  </code></pre>