javascript - 单击 <audio> 上的播放按钮时触发功能

标签 javascript jquery audio

我有我的音频元素:

<audio class='mp3audio' src='file.mp3'></audio>

我想在 jQuery 中单击播放按钮时执行功能或操作。我发现了很多用于创建您自己的自定义控件的东西,但是单击播放按钮时没有任何东西可以触发。最近的I've found is this ,但是我不能使用有用的东西,比如 $(this)

我真的很想要这样的东西:

$('audio.mp3audio').click(function () {
    alert("you clicked play");      
});

但是我找不到任何关于它的文档?

最佳答案

可以hook到playing事件,这样无论audio元素如何控制,都可以运行代码;从播放控件,或手动通过代码。试试这个:

$('audio').on('playing', function() {
  console.log('playback started!');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio id="audio" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto"   controls></audio>

关于javascript - 单击 <audio> 上的播放按钮时触发功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45351837/

相关文章:

javascript - React 中无法播放音频

javascript - 使用 Angular.js 的解析而不是 Backbone

Jquery css 到父元素(向上 2 级)

html - 在iOS 6中自动播放WebAudio API

javascript - 垂直居中对齐导航

javascript - 使用 three.js 和 React 迭代定位具有 DOM 像素的球体

jquery - 选择2 : control how many options to show

javascript - 使用 jQuery 在循环内追加。一定会有更好的办法

audio - 当拓扑有两个分支时,MESessionStarted 事件中的 E_UNEXPECTED

audio - 使用sox进行语音检测和流式传输