如何访问项目根之外的静态文件？

Question

import React from 'react';
import Sound from 'react-sound';

class App extends React.Component {
  render() {
    return (
      <Sound
      url='/media/user/Vol/a.mp3'
      playStatus={Sound.status.PLAYING}
      playFromPosition={300}
      onLoading={this.handleSongLoading}
      onPlaying={this.handleSongPlaying}
      onFinishedPlaying={this.handleSongFinishedPlaying}
    />
    )
  }
}

export default App;

Answer 1

简单地说，URL应该是这样的e:\folder\musique.mp3（在windows上）

我猜您允许用户选择播放哪个音频文件。因此，首先，您将在主进程中执行如下操作

ipcMain.handle('get-audio', async () => {
    let files = []
    try {
      files = (await dialog.showOpenDialog({
        properties: ['openFile', 'multiSelections']
      })).filePaths
    } catch (error) {
      console.error(error);
    }
    return files
});

在呈现器过程中，添加一个按钮或类似的事件

const files = await ipcRenderer.invoke('get-audio') 
// update the stats here

new BrowserWindow({
    webPreferences: {
      webSecurity: false, // very important 
    }
  });