如何利用js来控制音频的播放次数

今天在进行订单的web开发的时候,碰到了一个问题,即如何利用js来让提示音播放三次,最终通过在网上查找的资料和不断的尝试,总算是解决了这个问题。以下是详细代码。

这是写在jsp里面的:

div style="display:block;" id="audioinfo">
<audio id="myVideo" width="320" height="176" controls>
  <source src="admin/images/notify.mp3" type="audio/mp3"></source>
  <source src="mov_bbb.ogg" type="video/ogg"></source>
</audio>
<!-- <audio src="admin/images/notify.mp3" controls autoplay> -->
</div>
如果你想问ogg是什么?可以访问这个地址 https://zhidao.baidu.com/question/2009641132814082148.html

然后这个是主要的js方法:

function Orderprocessing1(){
	 	var vid = document.getElementById("myVideo");//获取音频对象
 		var start = 0;//定义循环的变量
 		var times=3;//定于循环的次数
    	vid.addEventListener("ended",function() {
		vid.play();//启动音频,也就是播放
        start++;//循环
        start == times && vid.pause();//也就是当循环的变量等于次数的时候,就会终止循环并且关掉音频
    	});
    	vid.play();//启动音频,用于第一次启动
	   }

如果你想调用这个方法可以写一个click事件,或者写个js方法调用:

$(function(){
	 	 setInterval("Orderprocessing1()",60000);//每隔1分钟自动调用一次启动音频的方法
	   });



本人也是菜鸟一个,写这些只为整理下来以后自己看 大笑

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值