这是一个基于Web Audio API、HTML和CSS构建的高级网页音频播放器。它允许用户播放音频文件、控制播放、可视化音频，并应用音频效果和过滤器。
Github仓库： https://github.com/sonichen/Web-Based-Audio-Player
希望大家多多star
环境
操作系统：Windows 10
IDE：Visual Studio Code
UI框架：Vue2、ElementUI
浏览器：Firefox
网络连接：需要联网以加载在线文件（例如Vue、ElementUI）
设置
要运行这个项目：
将项目仓库克隆到本地机器。
在Visual Studio Code中打开项目文件夹。
安装所需的依赖项，包括Vue2和ElementUI。
使用Visual Studio Code中的Live Server启动项目，或将其部署到Web服务器上。
通过提供的URL访问项目，例如http://127.0.0.1:5501/MusicPlayer.html。
特点
播放列表
界面的左侧是播放列表。用户可以选择音频文件，并点击文件名进行播放。
音乐盒
界面的中间部分是音乐盒。用户可以使用以下功能控制当前选中的音频文件的播放：
播放：开始或继续播放。
暂停：暂停当前播放。
刷新：停止当前歌曲并从头开始播放。
循环：启用或禁用当前歌曲的循环播放。
上一首：播放播放列表中的上一首歌曲。
下一首：播放播放列表中的下一首歌曲。
音频可视化
音乐盒包含三种类型的音频可视化：
音频波形图：显示当前播放的音频文件的波形图。
波形图：使用图表可视化音频文件的波形。
频率柱状图：使用柱状图显示音频的频率分布。
音频效果和过滤器
界面的右侧允许用户对当前播放的音频应用各种音频效果和过滤器。可以使用以下效果和过滤器：
动态压缩器：对音频应用动态范围压缩。
波形失真器：扭曲音频的波形。
延迟：给音频添加延迟效果。
随机噪音：向音频中引入随机噪音。
混响：对音频应用卷积混响效果。
立体声定位器：调整音频的立体声平移。
振荡器：生成振荡器音频并将其与音频混合。
音频缓冲源：允许播放预加载的音频缓冲区。
Biquad滤波器
用户还可以对音频应用Biquad滤波器。Biquad滤波器用于使用不同的滤波器类型修改音频的频率响应。
资源
在实现音频播放器时使用了以下资源：
Web Audio API
Vue2
ElementUI
DynamicsCompressorNode
WaveShaperNode
DelayNode
RandomNoiseNode
ConvolverNode
StereoPannerNode
OscillatorNode
AudioBufferSourceNode
BiquadFilterNode
IIRFilterNode
该项目是一项课程的小作业。尽管可能存在一些问题，但它旨在对所有人有所帮助。欢迎提出您的问题和建议，请随意给出反馈。
