按钮点击会阻止第二个声音播放
创始人
2024-11-03 21:30:40
0

可以使用Audio API中的AudioBufferSourceNode节点和AudioContext对象来解决这个问题。

示例代码:

var context = new AudioContext(); var source = null;

function playSound(buffer) { source = context.createBufferSource(); source.buffer = buffer; source.connect(context.destination); source.start(0); }

function stopSound() { if (source) source.stop(0); }

var bufferLoader = new BufferLoader( context, [ 'sound1.wav', 'sound2.wav' ], finishedLoading );

bufferLoader.load();

function finishedLoading(bufferList) { document.getElementById("playButton").addEventListener("click", function() { playSound(bufferList[0]); }); document.getElementById("stopButton").addEventListener("click", function() { stopSound(); }); document.getElementById("playButton2").addEventListener("click", function() { playSound(bufferList[1]); }); }

在这个示例中,我们创建了一个AudioContext对象,并使用它来创建一个AudioBufferSourceNode对象。当按钮被点击时,我们调用playSound函数,将AudioBufferSourceNode节点连接到AudioDestinationNode节点,并启动播放。

当按钮再次被点击时,我们调用stopSound函数停止当前播放。使用这种方法,我们不需要担心第二个声音不能播放的问题。

相关内容

热门资讯

教学辅助挂!随意玩房卡辅助!原... 教学辅助挂!随意玩房卡辅助!原来真的是有开挂辅助器(有挂总结)-哔哩哔哩1、游戏颠覆性的策略玩法,独...
第三方技巧!至臻辅助!竟然确实... 第三方技巧!至臻辅助!竟然确实有开挂辅助挂(有挂助手)-哔哩哔哩1、完成至臻辅助辅助器v3.3的残局...
据目击者称!潮汕汇透视辅助!其... 据目击者称!潮汕汇透视辅助!其实是有开挂辅助挂(有挂技巧)-哔哩哔哩1、操作简单,无需潮汕汇透视辅助...
2026版教程!同城上饶辅助!... 2026版教程!同城上饶辅助!原来存在有开挂辅助神器(今日头条)-哔哩哔哩1、进入游戏-大厅左侧-新...
技巧辅助挂!陕麻圈辅助器购买!... 技巧辅助挂!陕麻圈辅助器购买!确实真的是有开挂辅助技巧(有挂解密)-哔哩哔哩陕麻圈辅助器购买透视方法...
截至目前!微信小程序开发辅助!... 截至目前!微信小程序开发辅助!果然真的有开挂辅助攻略(有挂方式)-哔哩哔哩;1、每一步都需要思考,不...
第三方技巧!亲友圈辅助吧!切实... 第三方技巧!亲友圈辅助吧!切实是有开挂辅助工具(有挂教程)-哔哩哔哩亲友圈辅助吧透视方法中分为三种模...
黑科技技巧!钱塘十水三插件!其... 黑科技技巧!钱塘十水三插件!其实存在有开挂辅助app(有挂透视)-哔哩哔哩1、用户打开应用后不用登录...
截至发稿!hh poker有没... 截至发稿!hh poker有没有辅助软件!真是确实有开挂辅助攻略(有人有挂)-哔哩哔哩hh poke...
此事迅速冲上热搜!决战十水三辅... 此事迅速冲上热搜!决战十水三辅助!本来真的是有开挂辅助工具(有挂辅助)-哔哩哔哩暗藏猫腻,小编详细说...