我有一个按钮,把用户带到一个不同的超文本标记语言文档,我希望它使一个噪音当他们点击它。
此时,我设置了一个足够长的延迟,让声音响起。但是,这会导致我的站点滞后于(而且它加载页面的速度已经相当慢)。
有什么想法吗?
// code for playing button then going to the next page
function buttonClick() {
document.getElementById("buttonSound").play();
window.setTimeout(levelSelect, 300);
}
发布于 2018-08-23 04:50:42
根据我的理解,如果我没有理解,请留下评论或编辑您的问题:
您可以立即重定向到不同的html页面,例如具有特定查询字符串的"X“页面,在名为"X”的页面中执行简单的加载检查,检查是否已将此查询字符串传递到url中,然后播放您的音频/噪声。
如果您想在重定向/加载iframe之前播放音频:为audio
使用onended
事件,并在触发时重定向或加载您的html:
var x = document.getElementById("myAudio");
x.onended = function(){
//can do AJAX too in case you want to load partial html content
window.location.href = "https://astimix.com";
}
function playAudio() {
x.play();
}
function pauseAudio() {
x.pause();
}
<audio id="myAudio">
<source src="https://www.w3schools.com/jsref/horse.ogg" type="audio/ogg">
<source src="https://www.w3schools.com/jsref/horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<button onclick="playAudio()" type="button">Play Audio</button>
https://stackoverflow.com/questions/51974456
复制相似问题