🎵
轻量级设计
专为草根站长和新手开发者设计，简单易用的 CDN 可插入式播放器
主题
NeteaseMiniPlayer v2网易云音乐迷你播放器[NMPv2]
基于 NeteaseCloudMusicApi 的轻量级 CDN 可插入式音乐播放器 UI 组件库
Skip to content
🆕 最新更新
v2.0.112025年11月17日
最新版本
🎉 新增功能
- 无（修复性补丁）
🔧 修复问题
- 修复了在初始化模式下缩放自动播放下一首音乐时黑胶唱片异常布局问题
- 重新优化了迷你播放器的配色
- 重新优化了注意力模式
- 优化了移动端页面布局，新增加移动端检测
升级建议：建议所有用户升级至最新版本以获得最佳体验，享受新功能和性能改进。
📺 视频演示
观看详细的部署和使用教程，了解如何在你的网站中集成 NeteaseMiniPlayer：
🎬 YouTube 演示
YouTube🎬 Bilibili 演示
哔哩哔哩🚀 快速体验
只需要几行代码，就能在你的网站中集成一个功能完整的音乐播放器：
html
<!-- 基础用法 -->
<div class="netease-mini-player"
data-playlist-id="14273792576"
data-embed="false"
data-position="bottom-left"
data-lyric="true"
data-theme="auto">
</div>
<!-- 引入脚本 -->
<link rel="stylesheet" href="https://api.hypcvgm.top/NeteaseMiniPlayer/netease-mini-player-v2.css">
<script src="https://api.hypcvgm.top/NeteaseMiniPlayer/netease-mini-player-v2.js"></script>🌟 核心特性
📝 歌词系统
- LRC 解析：完整支持 LRC 格式歌词文件
- 时间同步：毫秒级精确的歌词时间轴同步
- 多语言支持：支持原文、翻译、音译多种歌词
- 滚动效果：平滑的歌词滚动和高亮效果
🎨 界面设计
- 现代化 UI：采用现代设计语言，界面简洁美观
- 主题系统：支持浅色、深色、自动主题切换
- 响应式布局：完美适配桌面端和移动端
- 动画效果：流畅的 CSS3 动画和过渡效果
🔧 配置选项
- 灵活配置：通过 HTML 数据属性轻松配置
- 多种模式：支持嵌入式、浮动式等多种显示模式
- 位置控制：支持多种固定位置显示
📊 技术架构
NeteaseMiniPlayer 采用模块化架构设计，核心组件包括：
- 🏗️ 核心类：
NeteaseMiniPlayer主类，负责整体协调 - 🔌 API 模块：网易云音乐 API 封装和数据处理
- 🎵 音频模块：HTML5 Audio API 封装和播放控制
- 📝 歌词模块：LRC 歌词解析和同步显示
- 🎨 UI 模块：界面渲染和交互处理
- 💾 缓存模块：智能缓存和性能优化