AudioBuffer 不能在分配给 AudioBufferSourceNode 后修改 #5

mantou132 · 2023-03-07T02:52:10Z

mantou132
Mar 7, 2023

问题：

node.buffer = this.#audioContext.createBuffer(1, origin.length, this.#audioContext.sampleRate);
node.buffer.getChannelData(0).set(origin);

这段代码在 Firefox 中不能工作，但在 Chrome 中可以，原来要先修改 AudioBuffer 在分配给 AudioBufferSourceNode ：

cosnt buffer = this.#audioContext.createBuffer(1, origin.length, this.#audioContext.sampleRate);
buffer.getChannelData(0).set(origin);
node.buffer = buffer;

解答：https://stackoverflow.com/questions/21288726/web-audio-playing-back-in-chrome-but-not-firefox
https://webaudio.github.io/web-audio-api/#acquire-the-content

完整例子：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Web Audio API: AudioBuffer</title>
  </head>

  <body>
    <h1>Web Audio API: AudioBuffer</h1>
    <button>Make white noise</button>
  </body>
  <script>
    const button = document.querySelector("button");

    let audioCtx;

    let channels = 2;

    function init() {
      audioCtx = new AudioContext();
    }

    button.onclick = () => {
      if (!audioCtx) {
        init();
      }

      const frameCount = audioCtx.sampleRate * 2.0;

      const buffer = new AudioBuffer({
        numberOfChannels: channels,
        length: frameCount,
        sampleRate: audioCtx.sampleRate,
      });

      const source = audioCtx.createBufferSource();
      source.buffer = buffer;

      for (let channel = 0; channel < channels; channel++) {
        const nowBuffering = buffer.getChannelData(channel);
        for (let i = 0; i < frameCount; i++) {
          nowBuffering[i] = Math.random() * 2 - 1;
        }
      }

      source.connect(audioCtx.destination);
      source.start();
      source.onended = () => {
        console.log("White noise finished.");
      };
    };
  </script>
</html>

mantou132 · 2023-03-07T02:53:49Z

mantou132
Mar 7, 2023
Author

加不上 label

3 replies

adoyle-h Mar 7, 2023
Maintainer

你截个图，你的 Labels 显示什么？

mantou132 Mar 7, 2023
Author

adoyle-h Mar 7, 2023
Maintainer

发现只有项目成员才能加标签，这权限太大了，管理起来也不方便。还是统一由管理员来加标签吧。

adoyle-h · 2023-03-07T04:22:04Z

adoyle-h
Mar 7, 2023
Maintainer

你发错版块了，我把它从 shell 版块移到了前端版块。

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

AudioBuffer 不能在分配给 AudioBufferSourceNode 后修改 #5

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments 3 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

AudioBuffer 不能在分配给 AudioBufferSourceNode 后修改 #5

Uh oh!

mantou132 Mar 7, 2023

Replies: 2 comments · 3 replies

Uh oh!

mantou132 Mar 7, 2023 Author

Uh oh!

adoyle-h Mar 7, 2023 Maintainer

Uh oh!

Uh oh!

mantou132 Mar 7, 2023 Author

Uh oh!

adoyle-h Mar 7, 2023 Maintainer

Uh oh!

adoyle-h Mar 7, 2023 Maintainer

mantou132
Mar 7, 2023

Replies: 2 comments 3 replies

mantou132
Mar 7, 2023
Author

adoyle-h Mar 7, 2023
Maintainer

mantou132 Mar 7, 2023
Author

adoyle-h Mar 7, 2023
Maintainer

adoyle-h
Mar 7, 2023
Maintainer