`
onlyor
  • 浏览: 380982 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

html5 audio声音多次播放

阅读更多

 

 

<html>
<head>
	<title>js</title>
</head>
<body>

    <input id="bt" type="button" value="BT" >
    
	<script type="text/javascript">
	   var count = 2;
	   var music;
	
		var bt = document.getElementById("bt");     
		bt.addEventListener("click",function() {
			count = 2;
			a();
		});
		
		// html5:audio声音多次播放
		function a() {
			if (!music) {
				music = new Audio();
				music.addEventListener("ended", function (){
					if (count > 0) {
						a();
					}
				});
			} else {
				music.pause();
			}
			
			music.src = 'ding.mp3';
			music.play();
			
			console.log(count);
			count--;
		}
		
	</script>
	
</body>


</html>

 

 

 

 

 

 

分享到:
评论

相关推荐

    趣味英语测试HTML5游戏源码

    总结来说,"趣味英语测试HTML5游戏源码"涵盖了HTML5的多项核心技术,包括Canvas绘图、Audio API、Web Storage、Web Workers以及可能的WebSockets。通过学习和分析这套源码,不仅可以了解HTML5在游戏开发中的应用,还...

    看你能叉O多少次HTML5游戏源码

    游戏可能利用了HTML5的Canvas元素进行图形绘制,Web Audio API处理声音效果,以及可能运用了JavaScript进行游戏逻辑控制。 1. **HTML5 Canvas**: HTML5的Canvas是一个可编程的图形区域,允许开发者通过JavaScript来...

    财神HTML5游戏源码

    HTML文件通过使用特定的标签(如`&lt;canvas&gt;`用于绘图,`&lt;audio&gt;`和`&lt;video&gt;`用于音频和视频播放)来创建游戏元素。 2. **CSS文件**:负责游戏的样式和视觉效果,如颜色、布局、动画等。CSS3引入了许多新的选择器和...

    超级马里奥HTML5

    4. **Audio API**:HTML5的Audio API允许开发者在网页中播放和控制音频,使得游戏可以有音效和背景音乐。在这款游戏中,马里奥跳跃、吃到金币、击败敌人的声音,以及背景音乐都可能通过Audio API实现。 5. **响应式...

    圣诞堆雪人HTML5游戏源码

    2. **Web Audio API**:HTML5的音频处理功能使得游戏可以播放背景音乐、音效等,增强玩家的沉浸感。游戏中的声音元素,如堆雪人时的音效或背景音乐,可能都是通过Web Audio API来实现的。 3. **事件监听**:...

    网页音乐播放器带播放列表.zip

    总之,"网页音乐播放器带播放列表.zip"是一个基于JavaScript和HTML5的网页音频播放解决方案,它提供了基础的播放控制和播放列表功能,同时也允许用户通过修改源码进行二次开发。无论是学习音频处理,还是为自己的...

    水果忍者网页版html5

    HTML5的Web Audio API可以方便地播放、控制这些音频资源。 - `scripts`:这个文件夹很可能包含了游戏的JavaScript代码,这些脚本实现了游戏逻辑、用户交互、动画效果等功能。HTML5的Web Storage API可以用来存储用户...

    网页模板——纯html5实现简单气球大战小游戏特效源码.zip

    在这个气球大战游戏中,可能会有击破气球的声音效果,这些音效可以通过HTML5 Audio API进行控制和播放。 最后,为了确保游戏在不同设备上的兼容性和响应性,开发者可能还运用了媒体查询(Media Queries)和Flexbox...

    云洗衣机HTML5

    通过分析和修改源码,他们可以学习到如何使用HTML5的Canvas元素创建动态效果,或者利用Web Audio API制作声音反馈,以及如何运用事件监听来实现交互功能。 在压缩包中的文件名"HTML云洗衣机源码.zip"暗示了文件内容...

    水果忍者HTML5简易版

    同时,Audio API则允许开发者轻松集成音频资源,为游戏增添了生动的声音反馈,使玩家仿佛置身于真实的切水果场景。 游戏的兼容性是HTML5的另一大亮点。由于HTML5标准被大多数现代浏览器所支持,无论是在桌面端的...

    html5游戏代码

    这对于想要进入HTML5游戏开发领域的程序员来说是非常宝贵的资源,可以帮助他们快速掌握实战技能,并且可以根据源码进行二次开发,创造出属于自己的独特游戏。同时,对于教学和学习来说,这些源码提供了丰富的实例,...

    html5汽车休闲游戏源码

    HTML5是超文本标记语言的第五次重大修订,它引入了许多新特性,使得开发者可以创建更丰富、更具交互性的网页内容,而无需依赖额外的插件或软件。 在这款游戏中,开发者可能利用了HTML5的以下关键特性: 1. **...

    蜘蛛侠HTML5游戏源码

    3. **Audio API**:HTML5 Audio API用于处理游戏的声音效果,可以实现背景音乐的循环播放、音效的即时触发等功能。 4. **Web Storage**:用于在浏览器端存储游戏数据,例如玩家进度、得分等,即使页面刷新也能保持...

    微信穿越回古代你会是谁html5源码

    在本应用中,Web Audio可能被用来播放背景音乐或者与用户交互时的声音效果,增强用户体验。 4. Responsive Design:HTML5支持响应式设计,使得网页能自动适应不同设备的屏幕尺寸和分辨率。因此,无论用户是在手机...

    HTML5模拟微信摇一摇

    为了防止连续摇动被计为多次,可以设置一个冷却时间,只有在上次摇动后经过一段时间,才能再次计数。 ```javascript let shakeCount = 0; let lastShakeTime = null; function checkShake() { const now = Date....

    html5飞机打字小游戏源码.zip

    HTML5的Audio API允许开发者播放、暂停、控制音量等,提供了良好的音频支持。这些音频文件可以是背景音乐、射击声效或者游戏胜利/失败的提示音。 通过学习和研究这个HTML5飞机打字小游戏源码,你可以掌握以下知识点...

    HTML5页面音视频在微信和app下自动播放的实现方法

    HTML5页面音视频在移动端,包括微信和各种APP中自动播放的技术,一直以来都是开发者和内容制作者非常关心的一个话题。随着移动互联网的快速发展,H5页面的使用场景越来越多,然而在移动设备上,音视频自动播放的实现...

    果蔬达人HTML5游戏,基于Egret白鹭引擎。.zip

    在HTML5游戏中,游戏逻辑、图像和声音等资源可以通过JavaScript、WebGL和Web Audio API进行处理。果蔬达人HTML5游戏正是利用这些技术,实现无需插件即可在浏览器中运行的游戏。 2. Egret白鹭引擎:Egret白鹭引擎是...

    c# html5语音听写(流式版)WebAPI.rar

    在这个项目中,HTML5的`&lt;audio&gt;`标签用于捕获用户的声音输入,`getUserMedia` API则允许在浏览器中访问用户的麦克风设备,实现实时语音输入。 4. **语音识别API**: 在C#后端,可能使用了某种语音识别服务或库,如...

Global site tag (gtag.js) - Google Analytics