如何使用 next.js 导入 mp3 文件？

2022-03-04

14115

reactjs audio next.js mp3

我试图将 mp3 文件导入到我的 next.js 项目中 -

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

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

但是出现了这样的情况：

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

感谢所有回复者！

1个回答

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

 <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/

Ramakay

2022-03-04