开源实时视觉化平台 | Open-source Real-time Visualization Platform
⚠️ 项目正在开发中 - 预设包和音乐文件不包含在开源仓库中
newliveweb 是一个基于 Web 的实时音乐视觉化平台,支持:
| 模块 | 功能 | 技术栈 |
|---|---|---|
| 视觉渲染 | ProjectM 实时渲染 | WebAssembly + WebGL |
| 音频分析 | 频谱、节奏检测 | Web Audio API |
| 预设系统 | 预设加载、管理 | TypeScript |
| 质量训练 | 机器学习质量评估 | Python + scikit-learn |
| 前端框架 | 响应式 UI | TypeScript + Vite |
newliveweb/
├── src/ # TypeScript 核心源码
│ ├── audio/ # 音频分析模块
│ ├── features/ # 特征提取
│ ├── layers/ # 渲染层
│ ├── projectm/ # ProjectM 集成
│ ├── ui/ # 用户界面
│ └── utils/ # 工具函数
├── python/ # Python 训练程序
│ ├── preset_quality_trainer.py # 质量训练
│ └── ... # 其他脚本
├── docs/ # 项目文档
├── wasm/ # WebAssembly 模块
├── public/ # 静态资源
├── tests/ # 测试文件
├── LICENSE # GPL-3.0 协议
└── README.md # 本文件
# 克隆仓库
git clone https://github.com/yourusername/newliveweb.git
cd newliveweb
# 安装依赖
npm install
# 开发模式
npm run dev
# 构建
npm run build
# 运行测试
npm run test
本项目使用以下开源组件,感谢各位开发者:
| 组件 | 版本 | 用途 | 协议 |
|---|---|---|---|
| ProjectM | latest | 音乐视觉化渲染引擎 | GPL-2.0 |
| Vite | latest | 构建工具 | MIT |
| TypeScript | latest | 类型安全开发 | Apache-2.0 |
| Node.js | latest | 运行时环境 | MIT |
| 组件 | 用途 | 协议 |
|---|---|---|
| Web Audio API | 浏览器音频分析 | W3C License |
| Essentia.js | 音频特征提取 | BSD-3-Clause |
| 组件 | 用途 | 协议 |
|---|---|---|
| Vitest | 单元测试 | MIT |
| Playwright | E2E 测试 | Apache-2.0 |
欢迎贡献代码!
git checkout -b feature/AmazingFeature)git commit -m 'Add some AmazingFeature')git push origin feature/AmazingFeature)本项目采用 GPL-3.0 开源协议:
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
协议要点:
注意: 这是一个开发中的项目,API 可能会变更。
29 commits
TypeScript
58.8%
JavaScript
34.3%
PowerShell
3.5%
CSS
2.7%
开源实时视觉化平台 | Open-source Real-time Visualization Platform
⚠️ 项目正在开发中 - 预设包和音乐文件不包含在开源仓库中
newliveweb 是一个基于 Web 的实时音乐视觉化平台,支持:
| 模块 | 功能 | 技术栈 |
|---|---|---|
| 视觉渲染 | ProjectM 实时渲染 | WebAssembly + WebGL |
| 音频分析 | 频谱、节奏检测 | Web Audio API |
| 预设系统 | 预设加载、管理 | TypeScript |
| 质量训练 | 机器学习质量评估 | Python + scikit-learn |
| 前端框架 | 响应式 UI | TypeScript + Vite |
newliveweb/
├── src/ # TypeScript 核心源码
│ ├── audio/ # 音频分析模块
│ ├── features/ # 特征提取
│ ├── layers/ # 渲染层
│ ├── projectm/ # ProjectM 集成
│ ├── ui/ # 用户界面
│ └── utils/ # 工具函数
├── python/ # Python 训练程序
│ ├── preset_quality_trainer.py # 质量训练
│ └── ... # 其他脚本
├── docs/ # 项目文档
├── wasm/ # WebAssembly 模块
├── public/ # 静态资源
├── tests/ # 测试文件
├── LICENSE # GPL-3.0 协议
└── README.md # 本文件
# 克隆仓库
git clone https://github.com/yourusername/newliveweb.git
cd newliveweb
# 安装依赖
npm install
# 开发模式
npm run dev
# 构建
npm run build
# 运行测试
npm run test
本项目使用以下开源组件,感谢各位开发者:
| 组件 | 版本 | 用途 | 协议 |
|---|---|---|---|
| ProjectM | latest | 音乐视觉化渲染引擎 | GPL-2.0 |
| Vite | latest | 构建工具 | MIT |
| TypeScript | latest | 类型安全开发 | Apache-2.0 |
| Node.js | latest | 运行时环境 | MIT |
| 组件 | 用途 | 协议 |
|---|---|---|
| Web Audio API | 浏览器音频分析 | W3C License |
| Essentia.js | 音频特征提取 | BSD-3-Clause |
| 组件 | 用途 | 协议 |
|---|---|---|
| Vitest | 单元测试 | MIT |
| Playwright | E2E 测试 | Apache-2.0 |
欢迎贡献代码!
git checkout -b feature/AmazingFeature)git commit -m 'Add some AmazingFeature')git push origin feature/AmazingFeature)本项目采用 GPL-3.0 开源协议:
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
协议要点:
注意: 这是一个开发中的项目,API 可能会变更。
29 commits
TypeScript
58.8%
JavaScript
34.3%
PowerShell
3.5%
CSS
2.7%