누군가가 오디오 태그에서 재생 버튼을 클릭하기 전에 함수를 실행하는 방법

Question

재생 버튼을 클릭하기 직전에 함수를 호출하고 싶습니다. 이런 식으로 뭔가를 작동해야 코드입니다 :

<audio controls> 
    <source src="music.mp3"/> 
    <source src="music.ogg" /> 
</audio> 

<script> 
$('playbutton').on('click', function(e){ 
//some functions 
}); 
</script> 

Answer 1

오디오 onplay 이벤트가 있습니다.

<audio onplay="myFunction()"> 

Answer 2

재생 및 일시 중지 이벤트를 볼 수 있습니다.

<audio id="audio" controls> 
    <source src="music.mp3"/> 
    <source src="music.ogg" /> 
</audio> 

var audio = document.getElementById('audio') 

audio.addEventListener('play',() => console.log('play')) 
audio.addEventListener('pause',() => console.log('pause')) 

Media events