如何导入 next.js 的 mp3 文件？

Question

我正在尝试将 mp3 文件导入我的 next.js 项目 -

我想从 AudioPlayer.js 访问文件 'DRUMS.mp3' 所以我写了

import drums from '../resources/DRUMS.mp3';

但这出现了：

我也安装了 - 'npm install file-loader --save-dev' 但这没有帮助。

感谢所有回复者！

Answer 1

您可以只使用 html audio 标签来播放它 - 将它放在 public 文件夹中，然后直接引用它们，即

 <audio
        controls
        src="/DRUMS.mp3">
            Your browser does not support the
            <code>audio</code> element.
    </audio>

如果您想进一步与音频 api 互动，您可以使用 webaudio API - https://www.html5rocks.com/en/tutorials/webaudio/intro/

How to import mp3 files with next.js?