加载时阻止HTML页面中的声音

Question

我需要一些帮助，因为当我刷新/加载页面时正在播放用户写入时的聊天声音。

我需要知道是否有可能只在网页加载时才能播放。

上下文代码

var audioElement5 = document.createElement('audio');
audioElement5.setAttribute('src', 'sounds/chat.wav');   
audioElement5.volume=1.0;   

如果我将代码为script.js的文件放在 head 部分，这会播放声音，如果我将它放在我创建声音的地方上方，他们将播放一个当用户写东西但当我加载页面时，我得到以下错误：

  

未捕获的referenceerror audioElement5未定义（匿名函数）

所以我需要的解决方案是在加载html或类似的时候不播放声音。

我也像这样测试过：

在我的身体之前我设置了这个：

<script>

            audioElement5.muted = true;
</script>

在我的页脚之上：

  <script>

            audioElement5.muted = false;
</script>

但没有工作。

Answer 1

您应该将代码移动到Windows onload函数，因此只有在加载页面时才会触发....

function loadAudio(){
   // your code
} 

OR

您可以将代码放在以下函数中：

<script>loadAudio();</script>
</body>

并在/ body

之前调用它

INSERT INTO table (SELECT id, <message_id> FROM users);

希望这有帮助吗？

Answer 2

在jQuery中你可以这样做：

function loadAudio() {
// Your javascript code here.
}

$(document).ready(function() {
loadAudio();
});