title: Multiple Audio starting on
body: <p>I'm trying to start an audio whenever a user clicks on the page (since autoplay doesn't work anymore on most browsers), and I've managed to do so by using an eventlistener on ngOnInit which works fine on the first click. My problem is that when I click multiple times the audio starts playing multiple times, so I'd need to remove the listener from it. I've tried a basic solution like using the <code>once: true</code> flag or removing the listener after the audio played, but with no success. This is the code snippet I'm using:</p>
  <pre><code>  ngOnInit() {
    document.querySelector('ion-content').addEventListener('click', this.playAudio);
    
    }
  
    playAudio(){
     console.log('started');
     let audio = new Audio();
     audio.src=&quot;http://192.168.1.15:8000/example1.ogg&quot;;
     audio.load();
     audio.play();
     document.querySelector('ion-content').removeEventListener('click', this.playAudio);
     console.log(&quot;removed&quot;)
  
  }
  </code></pre>
  <p>Why wouldn't this work?</p>