Question

完成后有没有办法检测html5音频播放器？

我想在音频结束后提交表格。

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">      
      Your browser does not support the audio tag.
    </audio> 

    $( document ).ready(function() {
    // when audio finished
        $(".form_sub #submit").trigger('click');
    });
<form class="form_sub">
<input type="submit" value="Submit" name="submit" id="submit">
</form>

Demo

Answer 1

<audio>元素有一个ended事件，您可以监听。 https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events

您可能需要进行一些测试以消除一些怪癖并确定浏览器支持。

Answer 2

有很多与音频播放器相关的事件。这可能就是你要找的东西。

var aud = document.getElementById("myAudio");
aud.onended = function() {
    alert("The audio has ended");
};

更多信息可以在这里找到： http://www.w3schools.com/tags/av_event_ended.asp

完成后，jQuery，Html5音频播放器提交表单

2 个答案: