想要播放音频,它应该在Html和javascript中10秒后停止
want to play audio and it should be stop after 10 seconds inHtml and javascript?
我是Html5和javascript的新手,当我打开html页面时,我想播放音频片段,10秒后应该停止,并显示音频播放成功的消息。
用于html5中的简单音频播放,如下
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="kill_bill.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script>
setInterval(function(), 10000);
$.each($('audio'), function () { this.stop(); alert('Audio Stop Successfully'); });
</script>
</body>
</html>
setTimeout似乎更合适:
var audio = document.createElement("audio");
audio.src = "sound.mp3";
audio.addEventListener("canplaythrough", function () {
setTimeout(function(){
audio.pause();
alert("Audio Stop Successfully");
},
10000);
}, false);
示例
在JS加载定时器/计数器到10秒时调用下面的函数。
计时器setInterval(Call Below Function, 10000)
停止音频$.each($('audio'), function () {
this.stop();
alert('Audio Stop Successfully');
});
试试这个:::
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TIMER</title>
</head>
<body>
<audio id="aud" controls autoplay>
<source src="test.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script type="text/javascript">
var myaud = document.getElementById("aud");
var k = setInterval("pauseAud()", 10000);
function playAud() {
myaud.play();
}
function pauseAud() {
myaud.pause();
alert('Audio Stop Successfully');
clearInterval(k);
}
</script>
</body>
</html>
首先,请注意:自动播放在iOS下不起作用;因为苹果阻止了这一切的发生。
至于停止音频,我总是建议使用mediaelement库,它支持非HTML5浏览器,并且有一个完整的界面来启动/停止音频播放。
<audio id="audio_killbill" muted controls onload="audiofor_10sec()">
<source src="kill_bill.mp3.mp3"></source> <!-- Webkit Browser -->
<source src="kill_bill.mp3.ogg"></source> <!-- Mozilla/Firefox -->
Your browser isn't invited for super fun <code>audio</code> time.
</audio>
香草JS
function audiofor_10sec(){
let audio = getElementById('audio_killbill');
audio.muted = false; // New browser rule doesn't lets audio play automatically
audio.play();
setTimeout(() => {
audio.pause();
audio.currentTime = 0; // Works as audio stop
}, 10000);
}
相关文章:
- 定时循环,间隔10秒
- 如何在javascript中将秒转换为分钟和小时
- 试图修复一个倒计时计时器问题,该问题导致计时器运行,然后在使用Javascript时崩溃约10秒
- 在函数完成后10秒重复运行该函数(JavaScript)
- 在 10 秒 javascript 后停止页面加载
- Javascript 在 10 秒后自动关闭弹出窗口
- 如何使用javascript每隔10秒检查一个php文件
- 使用javascript抓取10秒的音频文件
- 10秒后停止执行javascript/jquery
- 如何在javascript中每10秒调用一个函数
- 想要播放音频,它应该在Html和javascript中10秒后停止
- 每10秒执行(javascript)代码,但也开始于0秒
- 在XUL JavaScript中10秒自动关闭提示警报框
- 如何使用JavaScript每10秒检查一次状态
- Javascript DOMContentLoaded有一个神秘的5-10秒延迟
- 每隔10秒重新加载javascript代码
- Javascript:10秒后调用函数,然后每1分钟调用一次
- 用JavaScript每10秒发送一次xmlHttpRequest
- 10秒后开始播放音频,可能使用javascript
- 如何重用函数10秒.Javascript