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

ゝ一世哀愁。 2022-06-09 22:11 158阅读 0赞

今天在进行订单的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>
    
    </div>

如果你想问ogg是什么？可以访问这个地址 [https://zhidao.baidu.com/question/2009641132814082148.html][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分钟自动调用一次启动音频的方法
    	   });

本人也是菜鸟一个，写这些只为整理下来以后自己看 ![大笑][laugh.gif]

[https_zhidao.baidu.com_question_2009641132814082148.html]: https://zhidao.baidu.com/question/2009641132814082148.html
[laugh.gif]: /images/20220610/282b2e41ba0b4f3e83318198578d67f1.png