Question

我是JavaScript初学者。我不是英国人，对我的英语不好感到抱歉。

现在，我想使用Node.js + Typescript进行声音可视化，但是我不知道如何在setup()中加载声音。请教我如何在Node.js + Typescript中加载声音。

我尝试导入'p5/lib/addons/p5.sound'。但是我不知道如何在以下代码的sketch中使用此模块。

main.ts

import * as p5 from 'p5';

const sketch = (p: p5) => {
  p.setup = () => {
    p.resizeCanvas(100, 100);
    // want to load sound here
  };
  p.draw = () => {
    p.background(100);
  }
};

const sketchP = new p5(sketch);

global.d.ts

import module = require('p5');

export = module;
export as namespace p5;
declare global {
    interface Window {
        p5: typeof module
    }
}

Answer 1

现在，我解决了这个问题。谢谢。

main.ts

require('p5/lib/addons/p5.sound')

const sketch = function(p: p5) {
  let sound: p5.SoundFile;

  p.preload = () => {
    const loadSound = (path: string) =>
            ((p as any) as p5.SoundFile).loadSound(path);
    sound = loadSound("../audio/demo.mp3")
  };

  p.setup = () => {
    p.resizeCanvas(100, 100);
    sound.play()
  };
}

如何在Typescript + Node.js中使用p5.sound

1 个答案: