如何利用js来控制音频的播放次数
2017-08-04 16:41
369 查看
今天在进行订单的web开发的时候,碰到了一个问题,即如何利用js来让提示音播放三次,最终通过在网上查找的资料和不断的尝试,总算是解决了这个问题。以下是详细代码。
这是写在jsp里面的:
然后这个是主要的js方法:
如果你想调用这个方法可以写一个click事件,或者写个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分钟自动调用一次启动音频的方法 });
本人也是菜鸟一个,写这些只为整理下来以后自己看
相关文章推荐
- JS控制音频顺序播放
- JS/JQ控制音频的播放和暂停
- 如何利用js 控制 页面元素的隐藏显示
- 简单谈谈如何利用h5实现音频的播放
- 简单谈谈如何利用h5实现音频的播放
- 简单谈谈如何利用h5实现音频的播放
- video.js不能控制本地视频或者音频播放时长
- js控制wav音频暂停、播放,兼容IE
- <EMBED 音频如何控制播放
- MediaPlayer类可用于控制音频/视频文件或流的播放。关于如何使用这个类的方法还可以阅读VideoView类的文档。
- 简单谈谈如何利用h5实现音频的播放
- 利用vedio播放视频和原生js对其进行控制
- 利用node.js如何搭建一个简易的即时响应服务器
- 如何在Android中播放网络传输过来的AAC音频?
- 如何用js控制带有浏览器前缀标识符的css属性
- Android 利用AudioManager控制后台音乐播放器暂停,播放
- 如何利用Node.js 构建分布式集群
- Android MediaPlayer 播放各种来源的音频文件,特效控制
- 【iOS-Cocos2d游戏开发之十四】音频/音效/视频播放(利用Cocos2D-iPhone-Extensions嵌入Cocos2d进行视频播放!)
- 利用JS来控制键盘的上下左右键(示例代码)