web audio音效播放器/音乐播放器

这是一个基于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

该项目是一项课程的小作业。尽管可能存在一些问题，但它旨在对所有人有所帮助。欢迎提出您的问题和建议，请随意给出反馈。