如何使用 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

您可以只使用 htmlaudio标签来播放它 - 将其放在公共文件夹中，然后直接引用它们，即

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

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