如何在用戶點擊音頻標籤中的播放按鈕之前執行某個功能

Question

我希望在播放按鈕被點擊之前調用一個函數。 一個代碼應該這樣工作：

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

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

Answer 1

音頻具有播放事件。

<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