JQ和原生JS监听audio播放停止事件-创新互联
原生JS:
从策划到设计制作,每一步都追求做到细腻,制作可持续发展的企业网站。为客户提供成都网站建设、成都做网站、网站策划、网页设计、域名申请、雅安服务器托管、网络营销、VI设计、 网站改版、漏洞修补等服务。为客户提供更好的一站式互联网解决方案,以客户的口碑塑造优易品牌,携手广大客户,共同发展进步。function control_f(){
var audio_f = document.getElementById('music_f');
var audioimg_f = document.getElementById('audioimg_f');
if(audio_f!==null){
if(audio_f.paused){
audio_f.play();
audioimg_f.src=images[0];
}else{
audio_f.pause();
audioimg_f.src=images[1];
}
}
{//监听语音结束
audio_f.addEventListener('ended', function () {
audioEnded();
}, false);
function audioEnded() {
audioimg_f.src=images[1];
}
}
JQ:
//语音试听按钮
$('.ll-audio-btn').click(function () {
var bb = $(this).siblings('.ll-audio')[0];
if($(this).hasClass('open')){
$(this).text('暂停');
bb.play();
$(this).removeClass('open');
}else{
$(this).addClass('open');
$(this).text('试听');
bb.pause();
}
(function($){//监听语音结束
bb.addEventListener("ended",function(){
$(this).siblings('.ll-audio-btn').addClass('open');
$(this).siblings('.ll-audio-btn').text('试听');
bb.pause();
},false);
})(jQuery);
});
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享标题:JQ和原生JS监听audio播放停止事件-创新互联
分享网址:http://ybzwz.com/article/ihpei.html