processing - P5.js 没有加载声音

Question

我正在尝试加载 mp3 文件(根据示例)，但我得到了

无法加载 bg.mp3。
请求状态为:0 ()
错误堆栈跟踪包括:loadSound
我已将我的问题引用到此 Github 问题 https://github.com/processing/p5.js-sound/issues/141但我找不到解决办法。此外，我正在使用 Brackets 编辑器启动本地服务器并打开一个新的 Chrome 实例。

let mySound;
function preload() {
  soundFormats('mp3', 'ogg');
  mySound = loadSound("bg.mp3");
}

function setup(){
   createCanvas(displayWidth,displayHeight);
   mySound.setVolume(0.1);
   mySound.play();
}

Answer 1

奇怪，Sound: Load and Play Sound example似乎工作正常。

错误好像是point to on an XHR load error ，但不清楚原因。

full version of loadSound() 值得一试包括错误回调:loadSound(path, [successCallback], [errorCallback], [whileLoading])。希望 errorCallback 细节将有助于解决问题例如

let mySound;
function onSoundLoadSuccess(e){
   console.log("load sound success",e);
}
function onSoundLoadError(e){
   console.log("load sound error",e);
}
function onSoundLoadProgress(e){
   console.log("load sound progress",e);
}
function preload() {
  soundFormats('mp3', 'ogg');
  mySound = loadSound("bg.mp3",onSoundLoadSuccess,onSoundLoadError,onSoundLoadProgress);
}

function setup(){
   createCanvas(displayWidth,displayHeight);
   mySound.setVolume(0.1);
   mySound.play();
}

同时尝试导航到 Web 服务器 Brackets 启动并手动访问文件。(例如 http://localhost:BRACKETS_HTTP_PORT_HERE/bg.mp3 )。如果一切正常(bg.mp3 与 index.html 文件在同一个文件夹中)，您的浏览器应该加载并显示默认的音频播放控件。

值得注意的是，您可以尝试许多其他的 http 服务器，这里有几个例子:

1. 如果您使用的是 OSX，则可以使用 Python 的 HTTP 服务器(Python 2 中的 python -m SimpleHTTPServer 或 python -m http.server)
2. 如果您使用 node.js，则有一个 http-server 模块(例如 npm install http-server 然后在您的项目文件夹中的 http-server)
3. Apache 变体(取决于操作系统、MAMP/WAMP/XAMPP 等)，尽管可能有些矫枉过正