html:获取音频文件的播放，暂停，结束

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();//  暂停

最后

以上就是落寞玉米为你收集整理的html:获取音频文件的播放，暂停，结束的全部内容，希望文章能够帮你解决html:获取音频文件的播放，暂停，结束所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。