誰かがオーディオタグの再生ボタンをクリックする前に関数を実行する方法

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