gpt4 book ai didi

javascript - 第一个音频播放完毕后播放第二个音频

转载 作者:行者123 更新时间:2023-12-03 02:00:59 25 4
gpt4 key购买 nike

我有以下 HTML:

<audio autoplay id="background_audio">
<source src="https://sporedev.ro/pleiade/hol.mp3" type="audio/mpeg">
</audio>

上面的代码在后台播放一些音乐。

<audio autoplay>
<source src="https://sporedev.ro/pleiade/sounds/swoosh-enter.mp3" type="audio/mpeg">
</audio>

此代码在用户进入页面时播放旋风声音。

我有以下 JS:

<script>
var audio = document.getElementById('background_audio');

document.getElementById('mute').addEventListener('click', function (e)
{
e = e || window.event;
audio.muted = !audio.muted;
e.preventDefault();
}, false);
</script>

该代码用于当用户点击某个div时使背景音乐静音。

这是一个JSFiddle .

我正在从事的项目的链接是 here .

我正在尝试创建一个脚本,该脚本在一定秒数之前不会播放位于 background_audio id 中的audio (例如,5秒)已经过去了,以便在开始音乐之前,嗖嗖声可以完成播放。

我对 SO 和 Google 进行了一些研究,并得出结论,使用 preventDefault() 可能是解决方案,但我未能实现该解决方案。

如何在 swoosh 声音播放完毕后制作 background_audio id 中的音乐?

最佳答案

您可以使用onend events ,在第一个音频结束后播放第二个音频。

var audio1 = document.getElementById("another_audio");
audio1.onended = function() {
console.log('Playing background audio')
var audio2 = document.getElementById("background_audio");
audio2.play();
};
<audio id="background_audio">
<source src="https://sporedev.ro/pleiade/hol.mp3" type="audio/mpeg">
</audio>

<audio autoplay id="another_audio">
<source src="https://sporedev.ro/pleiade/sounds/swoosh-enter.mp3" type="audio/mpeg">
</audio>

关于javascript - 第一个音频播放完毕后播放第二个音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50040389/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com