Skip to content

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

基于 NeteaseCloudMusicApi 的轻量级 CDN 可插入式音乐播放器 UI 组件库

NeteaseMiniPlayer v2

🚀 快速体验

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

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

🌐 在线资源


Copyright © 2025 NeteaseMiniPlayer