新小枫音乐播放器 - 轻量强大的 HTML5 网页音乐播放器插件

如果你正在为网站寻找一款轻量、美观、可定制的 HTML5 音乐播放器插件，那么新版 小枫音乐播放器 是一个值得尝试的选择。它面向个人博客、资源站、官网、导航站和内容型网站开发，支持快速接入、悬浮播放、歌词显示、歌单管理、主题切换、云端音乐接口和移动端适配。

播放器官网：https://musicplayer.xfyun.club/

小枫音乐播放器 - 轻量强大的 HTML5 网页音乐播放器插件 — 小枫音乐播放器新版界面预览

无需登录代码可直接生成

详细的开发文档

小枫音乐播放器是什么？

小枫音乐播放器是一款用于网页端的 HTML5 音乐播放器插件，适合直接嵌入网站页面使用。新版播放器基于 Lit + Howler 开发，兼顾组件化、性能、音频控制能力和跨端体验。

相比传统网页音乐播放器，它更适合现代网站使用：接入简单、配置灵活、交互完整，并且支持云端音乐接口和本地歌单两种使用方式。

核心功能亮点

轻量接入：通过 script 标签即可快速引入，适合博客、企业站和静态页面。
云端音乐模式：支持通过 API 接口加载音乐列表、封面、歌词等数据。
本地歌单模式：支持自定义音乐数组，方便站长管理自己的音乐资源。
歌词显示：支持 LRC 歌词解析、歌词高亮、全屏歌词和歌词定位跳转。
播放控制完整：支持播放、暂停、上一首、下一首、随机播放、单曲循环和列表循环。
记忆播放：支持记住当前音乐和播放进度，提升用户连续访问体验。
主题定制：内置多套主题，也支持通过 CSS 变量自定义播放器风格。
音频可视化：支持 2D 音频波形效果，让播放界面更有动态表现力。
移动端适配：兼容 PC、平板和手机端，适合响应式网站使用。

为什么适合网站使用？

新版小枫音乐播放器的定位不是一个复杂的音乐平台，而是一个可以快速集成到网页中的音乐播放器插件。对于站长来说，它的优势在于部署成本低、配置项清晰、界面美观，并且不会强制绑定复杂业务。

如果你的网站需要背景音乐、文章音乐推荐、个人歌单展示、博客悬浮播放器或页面音乐氛围，小枫音乐播放器都可以作为一个稳定的前端组件接入。

快速接入示例

基础接入方式非常简单，只需要引入播放器脚本并添加播放器标签即可：

<xf-music-player
  language="zh"
  theme="xf-original-theme"
  mode="cloud"
  api-url="https://music.api.xfyun.club/api/v1/music/top?platform=netease&topId=3778678"
  is-auto-popup="true">
/>
<script src="https://player.xfyun.club/js/music-player/music-player.min.js"></script>