# Simple Music Player

**Repository Path**: wisterialee/Simple_Music_Player

## Basic Information

- **Project Name**: Simple Music Player
- **Description**: Simple Music Player 是一个简易的PC端网页音乐播放器。本人是一名计算机专业的学生，这个项目主要用于学习和实践前端技术，回顾过往所学知识，特别是音乐播放器的实现。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2024-10-28
- **Last Updated**: 2025-10-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, CSS, JavaScript

## README



# Simple Music Player

## 简介
这是一个简易音乐播放器，具备基本的播放控制、歌词同步显示以及响应式设计等特点。它使用了现代Web技术栈，适配多种浏览器环境，为用户提供流畅的音乐播放体验。

<table style="border:0;padding: 0;border-collapse: collapse">
   <tr>
      <td>
         <img style="display: block" src="./截图/1.png" alt="">
      </td>
      <td>
         <img style="display: block" src="./截图/2.png" alt="">
      </td>
   </tr>
</table>


## 功能介绍
- **音乐播放控制** - 支持播放、暂停、上一首、下一首等常用音乐控制操作。
- **播放进度控制** - 可视化进度条，实时展示当前播放进度。
- **播放模式选择** - 提供多种播放模式，例如单曲循环、随机播放等。
- **歌词同步显示** - 音乐播放时，实时高亮显示对应歌词。

## 技术特点
- **技术栈** - 该项目使用HTML、CSS以及JavaScript进行开发，同时结合了jQuery和Bootstrap等现代前端库。
- **响应式设计** - 适配不同尺寸屏幕，为移动设备和桌面设备提供一致的用户体验。
- **前端优化** - 利用动态内容加载技术提升性能，确保快速响应和流畅播放。

## 用户界面
播放器界面由一个主播放面板和一个歌词显示区域构成，辅以清晰的图标和直观的控制按钮，简洁美观，易于操作。

## 使用方法
1. 打开音乐播放器。
2. 点击播放按钮开始播放音乐。
3. 利用进度条调整播放进度。
4. 点击模式按钮选择喜欢的播放模式。
5. 通过侧边导航查看和选择播放列表中的音乐。

## 浏4兼容性
本播放器兼容主流浏览器，包括但不限于 Chrome、Firefox、Safari 和 Edge。

## 贡献和反馈
欢迎为本项目贡献代码或提出改进意见。对于任何问题或建议，可以向项目提交 issue 或 pull request。

## 许可
本项目遵循开源许可协议，详细信息请查看 LICENSE 文件。

## 致谢
感谢所有为本项目提供帮助和支持的开发者和用户。同时感谢开源社区提供的各种资源和库。