web-audio-api 相关问题

我是 Tone.js 新手，对 Gain 对象有疑问。我在 html 中设置了一个音量滑块，如下所示：玩我是 Tone.js 新手，对 Gain 对象有疑问。我在 html 中设置了一个音量滑块，如下所示： <button class="play">Play</button> <button class="stop">Stop</button> <div> Vol:  <input type="range" class="vol-slider slider" min="0" max="10" value="4"> <div class="vol-text">4</div> </div> 单击“Play”时，我创建一个 Tone.PolySynth 和一个 Tone.Gain，然后使用 .chain() 函数将 Gain 连接到 PolySynth。增益值取自音量滑块。使用 Tone.Part 函数（下面的 js 代码）来播放音符。应用程序首次启动时，序列会以正确的音量播放。当音量滑块增加时，它还会以增加的音量（更高的增益）播放。但是，当降低音量滑块时，序列的音量不会降低。当从较高值变为较低值时，增益不会产生影响。我对此感到困惑，并感谢知识/经验的帮助。请使用 codepen https://codepen.io/minapre/pen/QWpmdJm $('.stop').on('click', function(e){ Tone.Transport.stop(); }) // .stop $(".vol-slider").on('input', function(e){ let val = $(this).val() $(".vol-text").text(val) }) // .vol-slider $('.play').on('click', function(e){ console.clear() testnotes = [ {time: "0:0:0", note: "D3", duration: "8n"}, {time: "0:0:0", note: "D3", duration: "16n"}, {time: "0:0:1", note: "E3", duration: "16n"}, {time: "0:0:2", note: "F3", duration: "16n"}, {time: "0:0:3", note: "G3", duration: "16n"}, {time: "0:1:0", note: "A3", duration: "16n"}, {time: "0:1:1", note: "B3", duration: "16n"}, {time: "0:1:2", note: "C4", duration: "16n"}, {time: "0:1:3", note: "D4", duration: "16n"}, {time: "0:2:0", note: "E4", duration: "16n"}, {time: "0:2:1", note: "F4", duration: "8n"}, {time: "0:2:2", note: "G4", duration: "8n"}, {time: "0:2:3", note: "A4", duration: "8n"}, {time: "0:3:0", note: "B4", duration: "8n"}, {time: "0:3:1", note: "C5", duration: "4n"}, ] Tone.Transport.stop() const synth = new Tone.PolySynth( ) let vol = parseFloat( $(".vol-slider").val() ) / 10 console.log("vol: " + vol) const gain = new Tone.Gain(vol).toDestination() synth.chain( gain); const part = new Tone.Part(function(time, note) { synth.triggerAttackRelease(note.note, note.duration, time); }, testnotes).start(0); Tone.Transport.start() }) // .play 看起来您每次单击“播放”时都会创建一个新的增益节点。您只需创建这些 Tone 对象一次。此外，$(".vol-slider").on('input'代码并未修改增益节点本身。当 Tone 发挥作用时，您可以使用 gain.rampTo() 修改增益。这应该有效： $(".stop").on("click", function (e) { Tone.Transport.stop(); }); // .stop // Create Tone objects here. const synth = new Tone.PolySynth(); let vol = 1; const gain = new Tone.Gain(vol).toDestination(); synth.chain(gain); let testnotes = [ { time: "0:0:0", note: "D3", duration: "8n" }, { time: "0:0:0", note: "D3", duration: "16n" }, { time: "0:0:1", note: "E3", duration: "16n" }, { time: "0:0:2", note: "F3", duration: "16n" }, { time: "0:0:3", note: "G3", duration: "16n" }, { time: "0:1:0", note: "A3", duration: "16n" }, { time: "0:1:1", note: "B3", duration: "16n" }, { time: "0:1:2", note: "C4", duration: "16n" }, { time: "0:1:3", note: "D4", duration: "16n" }, { time: "0:2:0", note: "E4", duration: "16n" }, { time: "0:2:1", note: "F4", duration: "8n" }, { time: "0:2:2", note: "G4", duration: "8n" }, { time: "0:2:3", note: "A4", duration: "8n" }, { time: "0:3:0", note: "B4", duration: "8n" }, { time: "0:3:1", note: "C5", duration: "4n" } ]; const part = new Tone.Part(function (time, note) { synth.triggerAttackRelease(note.note, note.duration, time); }, testnotes); $(".play").on("click", function (e) { console.clear(); Tone.start(); Tone.Transport.stop(); part.start(0); Tone.Transport.start(); }); // .play $(".vol-slider").on("input", function (e) { let val = $(this).val(); // This is a string at this point ... let valFloat = parseFloat(val); $(".vol-text").text(val); gain.gain.rampTo(valFloat, 0.1); }); // .vol-slider 这是一个将所有内容放在一起的代码笔： https://codepen.io/joewiss/pen/GRWxmML codepen 上接受的答案效果很好，但是当我在 IDE 上实现类似版本时，我遇到了滑块没有降到零的相同问题。然而，通过将滑块的范围设置为 [-20,10]，我确实让它工作了： <input type="range" step="1" min="-20" max="10" class="range-slider" value="-10" /> 我调整了这些值，使浮点值的范围从 -1 到 0.5。这样它就可以衰减到零： volume_slider.oninput = function () { let valFloat = parseFloat(this.value)/20; gain.gain.rampTo(valFloat, 0.1); }

javascript web-audio-api tone.js

回答 2 投票 0

如何在 javascript (react) 中为所有主要浏览器（包括 safari）录制无损音频？

我当前的解决方案在 chrome、firefox 和 opera 等浏览器上工作正常，但在 safari 中我听到机器人声音。当我在 safari 中删除约束“echoChancellation”时，我录制了

javascript wav web-audio-api audiocontext audio-worklet

回答 1 投票 0

在哪里可以找到使用 AudioNodes 的简单 PeerJS 示例？

我在 PeerJS 网站上没有看到任何音频连接的示例： https://peerjs.com/examples 文档提到返回一个流： https://peerjs.com/docs/#mediaconnection 哪...

web-audio-api peerjs

回答 1 投票 0

媒体录音机跨浏览器以WAV格式保存

媒体记录器对我来说非常有用，可以与 Mozilla 上记录的其余 Web 音频 API 一起完成相当复杂的过程。然而。除非我能得到它，否则它对我来说毫无用处