Cloudflare + Web Audio API + Three.JS

https://mpthree-beta.vercel.app/

A compact mp3 player with audio visualization using the Web Audio API and ThreeJS. This is a revamp of my mp3playerp5

Now I will circle back to all audio players for some refactoring and turning at least two into progressive web app (PWA) but other private project is poking my attention at the moment, in between job hunting 24/7.

🐧 T.

Tech Stack

• Vue 3
• Typescript
• Composition API
• Web Audio API
• Three.js
• Cloudflare R2

Demo

👉 https://mpthree.vercel.app

Run Locally

Clone the project

  git clone https://github.com/thorstensson/mpthree.git

Go to the project directory

  cd mpthree

Install dependencies

  npm install

Start the server

  npm run dev

Contributing

Contributions are always welcome!

License

MIT

More on the Web Audio API

• MDN