https://github.com/jjling2011/simplemusicplayer

A simple music player using html + js + php. 网页版音乐播放器。
https://github.com/jjling2011/simplemusicplayer

flac mp3 nas server

Last synced: 3 months ago
JSON representation

A simple music player using html + js + php. 网页版音乐播放器。

• Host: GitHub
• URL: https://github.com/jjling2011/simplemusicplayer
• Owner: jjling2011
• License: gpl-3.0
• Created: 2025-02-26T09:15:47.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-08-08T10:35:33.000Z (11 months ago)
• Last Synced: 2025-08-08T12:27:26.268Z (11 months ago)
• Topics: flac, mp3, nas, server
• Language: JavaScript
• Homepage:
• Size: 589 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# SimpleMusicPlayer

这是一个播放服务器里面的音乐的网页应用。是 [typecho-mini](https://github.com/jjling2011/typecho-mini) 项目里面的一个小功能。  

![GitHub License](https://img.shields.io/github/license/jjling2011/SimpleMusicPlayer) ![GitHub repo size](https://img.shields.io/github/repo-size/jjling2011/SimpleMusicPlayer) ![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/jjling2011/SimpleMusicPlayer/total)

### 安装

 * 从 [releases](https://github.com/jjling2011/SimpleMusicPlayer/releases/latest/) 下载 zip 包，解压到支持 php 的 web 目录

 * 随便复制几个 mp3 文件到那个目录里面

访问 serv.php 会看到一个列出所有音乐文件路径的 JSON 页面。  

访问 index.html 会看到播放器页面。  

![player.png](./doc/player-v1.0.1.png)  

### 高级用法

 * 可以添加 flac 等其他音乐格式，需要要注意浏览器是否支持。

 * 音乐文件可以放到文件夹里面，也可以用符号链接指向其他目录。运行 web 服务的账号要有真实路径中每个文件夹的 rx （读取和执行）权限。

 * 这个播放器不支持设置密码，但是 HTTP 服务器通常都支持 .htpasswd，可以自行生成 .htpasswd 文件来添加访问密码。

### 开发

```bash

# 安装 vite 等依赖

npm install

# 构建

npm run build

```

生成的文件在 `dist` 目录内

### 更新日志

[update.md](./update.md)