NeteaseMiniPlayer v2网易云音乐迷你播放器[NMPv2]

🚀 快速体验 ​

只需要几行代码，就能在你的网站中集成一个功能完整的音乐播放器：

<!-- 基础用法 -->
<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 模块：界面渲染和交互处理
• 💾 缓存模块：智能缓存和性能优化

🌐 在线资源 ​