Tengo este reproductor de audio en mi página de componentes.

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

y en mi archivo .ts llamo automáticamente a la función play_audio para reproducir el audio cuando se carga la página. Esta Sección está funcionando.

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

pero quiero llamar a la función de angular cuando hago clic en el botón de reproducción manualmente en el control de audio.

alguna solucion gracias