Skip to content

PROJECT.md

Latest commit

 

History

History
92 lines (70 loc) · 2.47 KB

PROJECT.md

File metadata and controls

92 lines (70 loc) · 2.47 KB

WordPress Mini Player - 项目概述

项目信息

项目简介

一个紧凑型页眉集成的WordPress音乐播放器插件，支持播放列表管理、自动播放、音量控制等功能。

已完成功能

✅ 前端功能

  • 紧凑型播放器按钮（集成在页眉右侧）
  • 点击展开完整控制面板
  • 播放/暂停控制
  • 上一首/下一首切换
  • 进度条（可拖动跳转）
  • 音量控制（可调节、可静音）
  • 播放模式切换（列表循环/单曲循环/随机）
  • 播放列表面板
  • 键盘快捷键（空格/左右箭头）
  • 播放动画指示器
  • 响应式设计（移动端支持）

✅ 后端功能

  • WordPress后台设置页面
  • 从媒体库添加音乐
  • 上传新音乐
  • 播放列表管理（增删改、拖拽排序）
  • 播放器设置（启用/自动播放/音量/播放模式）
  • AJAX文件上传

✅ 文档

  • README.md（用户使用说明）
  • 音乐文件维护指南
  • MIT License

文件结构

wp-bg-music-player/
├── wp-bg-music-player.php    # 主插件文件（后台管理、设置页面）
├── wp-bg-music-player.css    # 样式文件（紧凑型设计）
├── wp-bg-music-player.js     # JavaScript逻辑（播放器控制）
├── README.md                  # 用户使用文档
├── LICENSE                    # MIT许可证
├── PROJECT.md                 # 本文件（项目概述）
├── TODO.md                    # 待办事项
└── NOTES.md                   # 开发笔记

技术栈

  • 后端: PHP (WordPress Plugin API)
  • 前端: Vanilla JavaScript (ES6+)
  • 样式: CSS3
  • 依赖: jQuery (WordPress内置)

部署环境

  • WordPress版本: 5.0+
  • PHP版本: 7.0+
  • 主题: Twenty Eleven (已测试)
  • 服务器: 宝塔面板 + 云服务器

快速开始

开发环境

  1. 本地编辑文件
  2. 通过宝塔面板上传到服务器
  3. 刷新WordPress后台测试

生产部署

# 1. 上传文件到WordPress插件目录
wp-content/plugins/wp-bg-music-player/

# 2. 在WordPress后台启用插件
# 3. 配置设置和添加音乐

相关链接