javascript - 在浏览器上使用 Processing.js 播放声音

Question

我正在尝试让我的 processing.js 应用程序在 Web 浏览器上运行。当我在处理 3.5.4(在 Windows 上)上运行它时，一切都很好，但在 HTML 上它会绘制所有内容，但声音不会播放。 (字体也不加载，我看不到任何文字)。我需要另一个 javascript 音频和字体库吗？
这就是我导入声音库的方式:

 import processing.sound.*;
    SoundFile file;

这就是我播放它的方式(它确实在桌面应用程序上播放，不在浏览器上播放)

file = new SoundFile(this, "song.wav");
file.play();

什么方法最容易解决这个问题？

Answer 1

试试 p5.js和 p5.sound图书馆并查看 loadSound() example :

let mySound;
function preload() {
  soundFormats('mp3', 'ogg');
  mySound = loadSound('assets/doorbell');
}

function setup() {
  let cnv = createCanvas(100, 100);
  cnv.mousePressed(canvasPressed);
  background(220);
  text('tap here to play', 10, 20);
}

function canvasPressed() {
  // playing a sound file on a user gesture
  // is equivalent to `userStartAudio()`
  mySound.play();
}

Processing.js 不再更新 AFAIK。