Skip to content

Loop Pedal website simulator with intuitive control through facial expressions.

Notifications You must be signed in to change notification settings

Gust4voSales/loop-pedal-online

Repository files navigation

icon

Loop Pedal website simulator with intuitive control through facial expressions.

👉Check it out: https://loop-pedal-online.vercel.app/

👉DEVLOG: https://youtu.be/2r3kzW5Bq9o

📜 About

A Loop Pedal simulator with intuitive control through facial expressions captured by webcam. A loop pedal allows you to record sounds and it plays them in loops on top of each other, the problema is, a website to simulate a loop pedal controlled by clicks wouldn't be very pratical (since the hands are generally busy playing 😅), so I had to rethink the control strategy, and decided to go with facial recognition.

💻 Techs

  • Typescript — A strongly typed programming language that builds on JavaScript
  • NextJS — React's framework
  • zustand — A small, fast and scalable bearbones state-management solution using simplified flux principles
  • face-api — JavaScript API for face detection and face recognition in the browser implemented on top of the tensorflow.js core API
  • tailwindcss — Utility-first CSS framework
  • daisyUI — The most popular component library for Tailwind CSS

🛠 Getting started

  1. Clone this repo running on your terminal git clone https://github.com/Gust4voSales/loop-pedal-online.git
  2. Inside the project folder run yarn to install all dependencies
  3. Then run yarn dev to run in development mode

Releases

No releases published

Packages

No packages published