javascript - Tone.js 音调.BufferSource : buffer is either not set or not loaded

Question

Tone.BufferSource:缓冲区未设置或未加载。此错误发生在 try/catch block 中。它只会在我不断或有时随机触发更新功能时发生。发生此错误时，我的音频会暂时关闭。

我的代码背后的逻辑。当程序开始时，在创建 Tone.sequence 的构造函数中调用创建函数，稍后当我更改/更新轨道参数时，我调用更新函数，它用新的/更新的轨道调用循环处理器。但是，当我触发触发循环处理器功能的更新时，它会遇到 tone.sourcebuffer 未设置或加载。我该如何解决这个问题？我的代码:

import Tone from "tone";

export  function create(tracks, beatNotifier){
    const loop = new Tone.Sequence(
        loopProcessor(tracks, beatNotifier),
        [...new Array(16)].map((_, i) => i),
        "16n"
    );
    Tone.Transport.bpm.value = 120;
    Tone.Transport.start();
    return loop;
}

export function update(loop, tracks, beatNotifier){
    loop.callback = loopProcessor(tracks, beatNotifier);
    return loop;
}

function loopProcessor  (tracks, beatNotifier) {
    const urls = tracks.reduce((acc, {name}) => {
        return {...acc, [name]: `http://localhost:3000/src/sounds/${name}.[wav|wav]`};
    }, {});
    const keys = new Tone.Players(urls, {
        fadeOut: "64n"
    }).toMaster();
    return (time, index) => {
        beatNotifier(index);
        tracks.forEach(({name, vol, muted, note, beats}) => {
            if (beats[index]) {
                try {
                    var vel = Math.random() * 0.5 + 0.5;
                    keys
                        .get(name)
                        .start(time, 0, note, 0, vel);
                    keys
                        .get(name).volume.value = muted
                            ? -Infinity
                            : vol;
                } catch(e) {
                    console.log("error", e);
                }
            }
        });
    };
}

Answer 1

我最近遇到了这个问题，并找到了适合我的情况的解决方案。

Tone.js 不喜欢在函数内初始化音频缓冲区(在循环处理器内调用新的 Tone.Players 时所做的事情)。

要在代码顶部解决此问题，请为您需要的每个 url 声明一个新的全局变量 buffer1 = new Tone.Buffer(url1)。 https://tonejs.github.io/docs/r13/Buffer

然后在 loopprocessor 内部只需用每个缓冲区和名称标签替换 url，你应该不会有任何问题。所以 new Tone.Players({"name1": buffer1, "name2": buffer2, ...})