title: How to make an audio play/pause button?
body: <p>I recently learned about embedding audio in html like below.</p>
  
  <pre><code> &lt;audio controls&gt;
    &lt;source src="sample.ogg" type="audio/ogg"&gt;
    &lt;source src="sample.mp3" type="audio/mpeg"&gt;
  Your browser does not support the audio element.
  &lt;/audio&gt; 
  </code></pre>
  
  <p>Which displays something like a rectangle with various options on it like pause/play, download, set volume etc.</p>
  
  <p>But how can I instead of this "audio playing rectangle" have a button that when clicked plays the audio once and on clicking on it while the audio is playing pauses it and on clicking again continuous playing.</p>