编写音乐可视化项目基本架构
广告
{{v.name}}
📋 原始需求（task.md）：
本项目是一个音乐可视化项目，该项目旨在上传一个音乐文件，然后通过音频分析技术将音乐文件的波形、频谱等信息可视化展示出来。以下是该项目的基本架构和实现步骤：
1. **项目概述**
- **目的**：上传音乐文件，并通过音频分析技术将音乐的波形、频谱等信息可视化展示。
2. **技术栈**
- **后端**：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。
- **数据库**：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_music_visualization数据库,如果数据库不存在则创建。
- **前端**：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页是查看可视化结果的历史记录，点击历史记录跳转到可视化结果页面，点击上传音乐按钮后跳转到可视化结果页面，在可视化结果页面中允许上传音乐文件。visualization.html是可视化结果页面，点击上传音乐按钮后上传音乐，后端开始解析音乐的波形、频谱等信息，原始音乐文件保存到music文件夹中，音乐的波形、频谱等信息被保存到数据库。后端解析完毕后，前端获取数据库中的数据并展示。
必须实现的模块：
- 编写api.py文件
- 创建数据库
- 编写前端页面
本项目是一个音乐可视化项目，该项目旨在上传一个音乐文件，然后通过音频分析技术将音乐文件的波形、频谱等信息可视化展示出来。以下是该项目的基本架构和实现步骤：
1. **项目概述**
- **目的**：上传音乐文件，并通过音频分析技术将音乐的波形、频谱等信息可视化展示。
2. **技术栈**
- **后端**：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。
- **数据库**：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_music_visualization数据库,如果数据库不存在则创建。
- **前端**：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页是查看可视化结果的历史记录，点击历史记录跳转到可视化结果页面，点击上传音乐按钮后跳转到可视化结果页面，在可视化结果页面中允许上传音乐文件。visualization.html是可视化结果页面，点击上传音乐按钮后上传音乐，后端开始解析音乐的波形、频谱等信息，原始音乐文件保存到music文件夹中，音乐的波形、频谱等信息被保存到数据库。后端解析完毕后，前端获取数据库中的数据并展示。
必须实现的模块：
- 编写api.py文件
- 创建数据库
- 编写前端页面
项目概述
- 目的：上传音乐文件，并通过音频分析技术将音乐的波形、频谱等信息可视化展示。
技术栈
- 后端：使用Python语言，配合FastAPI框架。所有的api均写到api.py文件中，端口用8030。
- 数据库：使用MySQL，通过SQLAlchemy ORM进行数据操作。数据库的连接字符串是localhost:3306，用户名是root，密码为123456。使用cnoctave_music_visualization数据库,如果数据库不存在则创建。
- 前端：使用vue3 cdn版本。前端使用axios进行数据请求，网址用http://localhost:8030。index.html是主页，主页是查看可视化结果的历史记录，点击历史记录跳转到可视化结果页面，点击上传音乐按钮后跳转到可视化结果页面，在可视化结果页面中允许上传音乐文件。visualization.html是可视化结果页面，点击上传音乐按钮后上传音乐，后端开始解析音乐的波形、频谱等信息，原始音乐文件保存到music文件夹中，音乐的波形、频谱等信息被保存到数据库。后端解析完毕后，前端获取数据库中的数据并展示。
必须实现的模块
- 编写api.py文件
- 创建数据库
- 编写前端页面
