当前位置：文江博客话题详情

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

发布于 2025-01-11 17:31:58 字数 487 浏览 3 评论 0原文

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

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

从以下位置导入鼓'../resources/DRUMS.mp3';

但这出现了：

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

感谢所有回复者！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

灰色世界里的红玫瑰 2025-01-18 17:31:58

您可以使用 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/

You could just use an html audio tag to play it - place it in the public folder and then reference them directly, i.e

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

If you want to further interact with the audio api, you could use the webaudio API - https://www.html5rocks.com/en/tutorials/webaudio/intro/

回复收藏 0 原文

~没有更多了~

关于作者

忆沫

暂无简介

文章

27 人气

关注发私信

夢野间

文章 0 评论 0

关注

百度③文鱼

文章 0 评论 0

关注

小草泠泠

文章 0 评论 0

关注

zhuwenyan

文章 0 评论 0

关注

weirdo

文章 0 评论 0

关注

坚持沉默

文章 0 评论 0

友情链接

文江博客

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（1）

关于作者

相关话题

热门标签

推荐作者