🎵 WAV glitcher, generate broken beats from sample loops

Overview

Glitcher web

Upload a WAV loop, get a glitched broken new WAV.

This project written in Typescript has been made with ffmpeg-wasm (through a confidential fork that indirectly fixes a browser crash), using React via NextJS. Style is done with tailwindcss. The code is deployed on Vercel thanks to Github actions. The glitch beat generation process is done thanks to the indestructible ffmpeg.

The code is open source. Feel free to contribute! Please note that the glitch beat generation process is done in the browser, so it might be slow and crash often.

More glitch patterns coming soon (and more example patterns). I will add a changelog soon.

I made this project because I love making broken music tracks with glitched drum loops. I sometimes use recurrent patterns, and I wanted to make a tool to make it available. I first tried to make it with Sonic PI, but it was not that simple since it needed to install the program and then edit the code to change the sample. So I decided to create this simple "online drum loop glitcher" tool in 3 steps (go to site, upload, download, done). Also, I love writing procedural generation tools.

Any questions or suggestions? Contact: [email protected]. I would be glad to have your feedback!

Rap2h

You might also like...
This is a sample react app for Clarity Universe.

React & Stacks.js Example Folder Structure /: React project clarinet/: Clarity smart contracts Running the Project Testing the contracts yarn test:cla

Sample of how to use Frontegg with embedded react login-box

Getting Started with Frontegg Embedded Login-Box and React This sample is a React Login-Box embedded sample crafted with React.js. Running the sample

A Netflix Sample Project Built With React
A Netflix Sample Project Built With React

Netflix Table of contents Introduction Demo Run Technology Features Library Introduction A streaming service that offers a wide variety of award-winni

Sample score app using NestJs, Socket.io and React

Score app Sample score app made with NestJS, Socket.IO and React Run the app $ cd app-compose $ docker-compose up -d Api access Just go to here to pla

This is a Web User Interface Sample Project. Using ReactJs.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

A Sample todo application with react, typescript, sqlite and node

react-typescript-sqlite-todo-app A Sample todo application with react, typescript, sqlite and node. Steps to run the application npm install: to insta

Nextjs-react-query - Sample usage React-Query with NextJS

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Next-js movie-app - Sample movie app using NextJS and TMDB as an API
Next-js movie-app - Sample movie app using NextJS and TMDB as an API

Next.JS Boilerplate with Typescript and Redux Toolkit A Next.JS Boilerplate in T

Zkp-merkle-airdrop-fe-ex - Example of computing proofs for the zkp-merkle-airdrop-contracts sample repo in the browser
Zkp-merkle-airdrop-fe-ex - Example of computing proofs for the zkp-merkle-airdrop-contracts sample repo in the browser

React + NextJS + Webpacking Example of computing proofs for the zkp-merkle-airdr

This is the sample project that belongs to the React & Apollo Tutorial on How to GraphQL

React & Apollo Tutorial This is the sample project that belongs to the React & Apollo Tutorial on How to GraphQL. How to use 1. Clone repository git c

A sample project for login and singup using React.js
A sample project for login and singup using React.js

Login & Registration Example Introduction This application is an example of a registration and login system that I made with different dependencies of

My-Feedback: This is a sample JavaScript/React app done step-by-step
My-Feedback: This is a sample JavaScript/React app done step-by-step

My-Feedback: This is a sample JavaScript/React app done step-by-step

A sample JavaScript/React Vite App done step-by-step
A sample JavaScript/React Vite App done step-by-step

This is a sample JavaScript/React Vite App done step-by-step.

SpacePiratesAR  - a sample demo for Android and iOS: Space Pirates with Babylon React-Native and AR
SpacePiratesAR - a sample demo for Android and iOS: Space Pirates with Babylon React-Native and AR

SpacePiratesAR This is a sample demo for Android and iOS: Space Pirates with Babylon React-Native and AR. Babylon React Native - Getting started with

Virtual Scroll Sample (React virtualized)
Virtual Scroll Sample (React virtualized)

Virtual Scroll Sample (React virtualized)

AWS CDK Chart App Sample
AWS CDK Chart App Sample

This is a sample code to build a simple Web application with AWS CDK (v2). As described in the architecture diagram, this application is constructed by 4 CDK stacks.

Auth Service sample source. It supports Solana and EVM-compatiable chains

This repository is Auth Service sample source. It supports Solana and EVM-compatiable chains, more chains and more features coming soon! Learn more visit Particle Network.

This project is aiming to build a sample of Magic Quadrant graph
This project is aiming to build a sample of Magic Quadrant graph

Getting Started with Create React App This project is aiming to build a sample of Magic Quadrant graph which you can find from wikipedia link Technolo

Code sample for showcasing basic React Testing Library
Code sample for showcasing basic React Testing Library

🧪 React Testing Workshop Code sample for showcasing basic React Testing Library Available Scripts In the project directory, you can run: npm start Ru

Owner
Raphaël Huchet
Tinkering @ beta.gouv.fr & fabrique.social.gouv.fr. Stodgy mixture of Rust, JS, PHP, Forth, SQL, GFA Basic, music and more.
Raphaël Huchet
Study-beats-fm - An online music player built with react.js

StudyBeatsFM ?? - An online music player. Overview An app that allows you to bro

Adam Patrick 132 Jan 2, 2023
A sample Next.js app for showing off it's capabilities

NextGram Sample next app that takes advantage of the routing capabilities. In particular, notice that the photo route can be attached to two distinct

Arunoda Susiripala 50 Aug 25, 2022
:pencil: JsonPlaceholder sample app made with Next.js

What? Next JPH is an example app made with JsonPlaceholder api, using Next.js, styled-components, flow and jest. "JPH" is an acronym to JsonPlaceholde

Renato Ribeiro 34 Dec 22, 2021
A collection of sample apps built using GetStream and React Native

A collection of sample apps built using GetStream and React Native

Stream 92 Dec 26, 2022
Sample React js admin theme

React js and Tailwind css Admin template This project was bootstrapped with Create React App. Demo Website Demo: https://react-js-admin.netlify.app/.

null 5 Jun 28, 2021
In this repo you will find the sample project where we dive deeper into the nuances of how hooks work, particularly in the context of the React render/rerender cycle.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Yihua Zhang 11 Jan 29, 2022
A sample React TypeScript Redux Toolkit CRUD app

A sample React TypeScript Redux Toolkit CRUD app

Roger NDUTIYE 19 Dec 23, 2022
A sample project to create forms using React and Typescript

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. Available Scripts In the project directory, you can r

null 1 Nov 19, 2021