在浏览器上使用 Processing.js 播放声音答案

【问题标题】：Playing sound with Processing.js on browser在浏览器上使用 Processing.js 播放声音
【发布时间】：2020-11-14 19:43:05
【问题描述】：

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

这就是我导入声音库的方式：

 import processing.sound.*;
    SoundFile file;

这就是我播放它的方式（它可以在桌面应用程序上播放，但不能在浏览器上播放）

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

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

【问题讨论】：

标签： javascript audio processing processing.js

【解决方案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。

【讨论】：