Question

在我的应用中，我想播放.mp3然后转到另一页。

目前我有：

// Ajax Success function
$.playSound('../static/sounds/cash-register');
window.location.replace("next_page");

// Play sound function
(function($){

$.extend({
    playSound: function(){
        return $("<embed src='"+arguments[0]+".mp3' hidden='true' autostart='true' loop='false' class='playSound'>" + "<audio autoplay='autoplay' style='display:none;' controls='controls'><source src='"+arguments[0]+".mp3' /><source src='"+arguments[0]+".ogg' /></audio>").appendTo('body');
        }
    });

})(jQuery);

当我之后不立即移动到另一页面时，此工作正常。但是，根据我当前的代码，.mp3无法播放，我只是转到下一页。

有人会知道如何纠正这个问题吗？

Answer 1

您需要开始播放mp3，但等待导航到下一页，直到mp3完成。您可以通过收听音频元素中提供的媒体事件来完成此操作。

请查看此链接，了解有关您可以使用的媒体活动的更多信息：https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events

我修改了你的代码来实现这个事件。请看下面的来源。

<p id="demo3"></p>

播放.mp3然后转到下一页

1 个答案: