1.dom

<audio src="" controls="controls" class='ui-audioSrc'></audio>

2.js

const audioDom = $('.ui-audioSrc3')
audioDom.bind('ended', function(){	
	 console.log('结束');
	 audioImg.each(function(){
	    var src = $(this).attr("src");
		$(this).attr('src','./images/bof.png'); //  暂停图标
	 });
})
audioDom.bind('pause', function(){
	console.log('暂停');
	audioImg.each(function(){
	    var src = $(this).attr("src");
		$(this).attr('src','./images/bof.png'); //  暂停图标
	});
})
audioDom.bind('play', function(){
	console.log('开始播放');
	audioImg.each(function(){
		var src = $(this).attr("src");
		$(this).attr('src','./images/bof2.png');//  播放图标
	});
})

//audioDom[0].pause();//  暂停

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐