javascript - 在 Electron 内部使用时，咆哮会抛出 'Decoding audio data failed'

Question

我正在尝试在渲染器进程中使用Electron应用程序内的Howler.js加载音频文件。

new Howl({
  src: ['/path/to/audio/file.mp3'] 
)}

但是，无论我尝试加载哪种文件类型，它始终在Howler的loaderror事件中引发相同的错误:

Decoding audio data failed.

我正在使用Parcel构建基于React的前端。
当我尝试删除它们并开始一个新的Electron项目时，从同一路径加载和播放音频文件效果很好。

这些是构建命令:

"dev": "concurrently --kill-others --success first \"npm run parcel-dev\" \"npm run electron-dev\"",
"parcel-dev": "parcel ./src/index.html -d build/",
"electron-dev": "electron . --start-dev",

Answer 1

我在React应用程序中遇到了类似的问题。我可以通过将声音文件导入JavaScript文件顶部并将别名传递到函数中来对其进行修复。

import { Howl } from 'howler';
import soundFile from './sound-file.mp3'


export const sound = new Howl ({
  src: [soundFile],
  onload() {
    console.log("Sound is loaded.")
  },
  onloaderror(msg){
    console.log("NO SOUND!!!", msg)
  }
})