（已解决）在进入新页面之前触发声音答案

【问题标题】：(Solved) Trigger Sound before going to new page（已解决）在进入新页面之前触发声音
【发布时间】：2022-10-17 06:38:29
【问题描述】：

所以我对 HTML/CSS 很陌生，仍然没有从 Javascript 中学到任何东西（但我对它的工作原理有所了解）。我有这个项目要交付到我需要制作页面的学校，我正在考虑制作类似于游戏的作品集，但我希望该人单击一个自定义按钮，然后再将其重定向到新页面，它可以为它制作自定义声音。

    <header headerIndex>
  <audio id="selectaudio" preload="auto">
    <source  src="./audio/selectsound.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
  <a href="./pages/welcome.html" class="rpgui-button beginButton" id="playAudio">Lets Begin!</a>
    </header>

所以这是我的代码，没什么特别的。在进入名为“welcome.html”的新页面之前，如何让它发出声音。

如果需要任何 javascript，我可以添加它，因为我会尝试了解它的作用哈哈。谢谢！

【问题讨论】：

标签： javascript html

【解决方案1】：

let audio = document.getElementById("selectAudio");
function bell() {
   audio.play();
}     
let playAudio = document.getElementById("playAudio").onclick = bell();

我认为这应该有所帮助，我也是 JavaScript 新手

【讨论】：

在 var audio = new audio 上，我应该将音频放在哪里，或者它将如何识别我拥有的音频？
@SirHalconsito 因为您的音频文件位于您的 html 或 javascript 文件所在的同一文件目录中，就像在您的 html 音频标签中一样。新音频 = (/audio/selectsound.mp3)
不幸的是，单击按钮时它仍然没有发出任何声音:(
@SirHalconsito aww，对此感到抱歉。让我试着找到解决办法

【解决方案2】：

我认为在重定向到另一个页面之前，您需要一点时间来播放声音。

这就是我的做法（需要 Jquery）：

<a onClick="return makeSound('www.example.cmo');" href="#">Click on me!</div>

和 JS

function makeSound(url) {
  event.preventDefault();
  
    var audio = new Audio('https://freetestdata.com/wp-content/uploads/2021/09/Free_Test_Data_500KB_WAV.wav');
    audio.play();
  
  setTimeout(function() {
     window.location.href = url;
}, 1000);
}

https://codepen.io/yortem/pen/gOzbYLb

【讨论】：

抱歉，是否有任何其他步骤可以将 Jquery 添加到我的 html 中？我从来没有像我说的那样使用过它，我之前从未使用过javascript哈哈。
你需要在我刚刚给你的代码之前添加<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>。并将该代码包装在<script> .... </script> 中。代码应放在底部，在结束 </body> 标记之前。
哇！！！！这是最好的！太感谢了
很高兴我能帮上忙。您可以将其标记为已解决。