JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
<script>
  AFRAME.registerComponent('audiohandler', {
    init: function() {
      let playing = false;
      let audio = document.querySelector("#neigh");
      this.el.addEventListener('click', () => {
        if (!playing) {
          audio.play();
        } else {
          audio.pause();
          audio.currentTime = 0;
        }
        playing = !playing;
      });
    }
  })

</script>
<a-scene cursor="rayOrigin:mouse">
  <a-assets>
    <audio id="neigh" crossorigin="anonymous" src="https://upload.wikimedia.org/wikipedia/commons/b/bd/Bizet_-_Carmen_-_Toreador_Song_%28French%2C_Musopen%29.ogg"></audio>
  </a-assets>

  <a-box position = "0  0 -2" audiohandler>

  </a-box>
</a-scene>