I have this audio player in my component page

<audio id="player" controls="controls" class="audiocontrol">
        <source src="{{ baseUrl }}storage/{{this.url}}" />
</audio>

and in my .ts file i automatically call the play_audio function to play the audio when page loads. This Section is working.

 play_audio()
    {  
      ​​try { 
      var player = <HTMLAudioElement> document.querySelector('#player');
      player.load();
      var promise = player.play();
      ..
      player.addEventListener("ended", (currentTime)=>{

      });
    }

but i want to call function of angular when i click on play button manually on audio control.

Any solution Thanks