首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JavaScript:在window.location changing上播放声音

JavaScript:在window.location changing上播放声音
EN

Stack Overflow用户
提问于 2018-08-23 04:14:59
回答 1查看 222关注 0票数 0

我有一个按钮,把用户带到一个不同的超文本标记语言文档,我希望它使一个噪音当他们点击它。

此时,我设置了一个足够长的延迟,让声音响起。但是,这会导致我的站点滞后于(而且它加载页面的速度已经相当慢)。

有什么想法吗?

代码语言:javascript
复制
// code for playing button then going to the next page
function buttonClick() {
  document.getElementById("buttonSound").play();
  window.setTimeout(levelSelect, 300);
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-23 04:50:42

根据我的理解,如果我没有理解,请留下评论或编辑您的问题:

  • 如果您想在重定向后播放音频:

您可以立即重定向到不同的html页面,例如具有特定查询字符串的"X“页面,在名为"X”的页面中执行简单的加载检查,检查是否已将此查询字符串传递到url中,然后播放您的音频/噪声。

如果您想在重定向/加载iframe之前播放音频:为audio使用onended事件,并在触发时重定向或加载您的html:

代码语言:javascript
复制
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(); 
} 
代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51974456

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档