Skip to content

Commit

Permalink
Enhancements & polish (#35)
Browse files Browse the repository at this point in the history
* remove unused css scripts

* formatting?

* misc cleanup

* update icons

* update readme
  • Loading branch information
ericyd authored Dec 9, 2022
1 parent 2b840ed commit e644ddd
Show file tree
Hide file tree
Showing 17 changed files with 168 additions and 62 deletions.
40 changes: 36 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,21 +6,47 @@
<strong><em>Browser-based live looper for music performance and audio fun!</em></strong>
</p>

- [How to use](#how-to-use)
- [Motivation](#motivation)
- [What features does this have?](#what-features-does-this-have)
- [Where can I read more?](#where-can-i-read-more)
- [Building / running locally](#building-running-locally)
- [Useful resources in my Web Audio journey](#useful-resources-in-my-web-audio-journey)
- [Acknowledgements](#acknowledgements)

## How to use

1. Go to [loopsupreme.com](https://loopsupreme.com)
2. Click "play"
3. Arm a track for recording
4. Add more tracks and keep building!

## Motivation

I wanted to do some live looping on my keyboard but wasn't super satisfied with any of the options out there. I wanted something quick-and-dirty but made it (somewhat) easy to do a loop performance.

I've also been itching for a side project. Seemed like a great way to feed two birds with one scone!

## What features does / will this have?
## What features does this have?

You can check out [The Roadmap](./roadmap.md)!

## Where can I read more?

I'm planning to blog about the experience of building it.
I blogged about this as I made it

You can [check out my blog here!](https://ericyd.hashnode.dev/)
* Part 12: v1.0 release, and project retro (_coming soon!_)
* [Part 11: Exporting stems and changing inputs](https://ericyd.hashnode.dev/loop-supreme-part-11-exporting-stems-and-changing-inputs)
* [Part 10: Keyboard bindings](https://ericyd.hashnode.dev/loop-supreme-part-10-keyboard-bindings)
* [Part 9: Visualizing the waveform](https://ericyd.hashnode.dev/loop-supreme-part-9-visualizing-the-waveform)
* [Part 8: Building and hosting](https://ericyd.hashnode.dev/loop-supreme-part-8-building-and-hosting)
* [Part 7: Latency and adding Track functionality](https://ericyd.hashnode.dev/loop-supreme-part-7-latency-and-adding-track-functionality)
* [Part 6: Workers and AudioWorklets](https://ericyd.hashnode.dev/loop-supreme-part-6-workers-and-audioworklets)
* [Part 5: Record and loop a track](https://ericyd.hashnode.dev/loop-supreme-part-5-record-and-loop-a-track)
* [Part 4: Adding a Scene](https://ericyd.hashnode.dev/loop-supreme-part-4-adding-a-scene)
* [Part 3: Metronome click](https://ericyd.hashnode.dev/loop-supreme-part-3-metronome-click)
* [Part 2: Adding a Metronome](https://ericyd.hashnode.dev/loop-supreme-part-2-adding-a-metronome)
* [Part 1: New project: building a web-based audio looper!](https://ericyd.hashnode.dev/new-project-building-a-web-based-audio-looper)

## Building / running locally

Expand Down Expand Up @@ -52,7 +78,13 @@ npm run build
- https://googlechromelabs.github.io/web-audio-samples/audio-worklet/
- https://developer.chrome.com/blog/audio-worklet-design-pattern/
- https://github.com/GoogleChromeLabs/web-audio-samples/tree/main/src/audio-worklet/migration/worklet-recorder
- inspiration
- https://github.com/pkalogiros/AudioMass/

## Icon attribution
## Acknowledgements

- Metronome by ChangHoon Baek from <a href="https://thenounproject.com/icon/metronome-118052/" target="_blank" title="Metronome Icons">Noun Project</a>
- Cloudflare Pages has an amazing free hosting tier, and great admin and tooling
- create-react-app is still going strong and super useful
- [Chicle font](https://fonts.google.com/specimen/Chicle) used in the logo, copyright (c) 2011 Angel Koziupa (sudtipos@sudtipos.com) and copyright (c) 2011 Alejandro Paul (sudtipos@sudtipos.com)
- MDN, what would we do without you
2 changes: 0 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,6 @@
"wrangler": "^2.4.2"
},
"scripts": {
"css": "npx tailwindcss -i src/index.css -o ./public/output.css",
"css:watch": "npx tailwindcss -i src/index.css -o ./public/output.css --watch",
"start": "react-scripts start",
"build": "react-scripts build",
"postbuild": "./scripts/postbuild.sh",
Expand Down
Binary file added public/icons/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed public/icons/iconmonstr-refresh-2-240.ico
Binary file not shown.
Binary file added public/icons/loop-supreme-icon-192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/icons/loop-supreme-icon-512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/icons/loop-supreme-icon.ico
Binary file not shown.
83 changes: 83 additions & 0 deletions public/icons/loop-supreme-icon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed public/icons/loop-supreme-logo.png
Binary file not shown.
22 changes: 0 additions & 22 deletions public/icons/loop-supreme-logo.svg

This file was deleted.

Loading

0 comments on commit e644ddd

Please sign in to comment.