这是一个基于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。
特点
播放列表
界面的左侧是播放列表。用户可以选择音频文件,并点击文件名进行播放。
音乐盒
界面的中间部分是音乐盒。用户可以使用以下功能控制当前选中的音频文件的播放:
播放:开始