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

184 阅读 0 评论 122 点赞

我是靠谱客的博主落寞玉米，这篇文章主要介绍html:获取音频文件的播放，暂停，结束，现在分享给大家，希望可以做个参考。

1.dom

复制代码

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

2.js

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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();//  暂停