如何在某人点击音频标签中的播放按钮之前执行某项功能

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