https://github.com/thomas-basham/svelte-tonejs-sampler

A Svelte app used to sample and record sounds with Tone.js
https://github.com/thomas-basham/svelte-tonejs-sampler

audio audio-processing sampler svelte sveltekit tonejs

Last synced: 12 days ago
JSON representation

A Svelte app used to sample and record sounds with Tone.js

• Host: GitHub
• URL: https://github.com/thomas-basham/svelte-tonejs-sampler
• Owner: Thomas-Basham
• Created: 2023-01-04T23:42:11.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-27T19:39:14.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T02:44:32.228Z (about 1 month ago)
• Topics: audio, audio-processing, sampler, svelte, sveltekit, tonejs
• Language: Svelte
• Homepage: https://svelte-tonejs-sampler.vercel.app
• Size: 735 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Svelte Tone.js Sampler

[https://svelte-tonejs-sampler.vercel.app](https://svelte-tonejs-sampler.vercel.app/)

## Author: **Thomas Basham**

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![Svelte](https://img.shields.io/badge/svelte-%23f1413d.svg?style=for-the-badge&logo=svelte&logoColor=white)

![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)

![Bootstrap](https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

## Tech Used

- Javascript

- Svelte

- Tone.js

- Vercel

## Features

Introducing the Svelte ToneJS Sampler app - a powerful and intuitive tool for creating and manipulating samples in real-time.

Built using the Svelte JavaScript framework and the Tone.js library, this app offers a user-friendly interface for loading, layering, and sequencing samples. With its advanced features, such as reverb layering, time stretching, and filtering, users can easily create unique and dynamic soundscapes.

In addition to its sample manipulation capabilities, the app also includes a built-in sequencer, loop recording, and support for recording your own sounds, making it a versatile option for both studio production and live performance.

Whether you're a musician, producer, or just a hobbyist, the Svelte ToneJS Sampler app has everything you need to learn sample based music production.

**Users Can:**

- Play Audio samples

- Drag and drop beat measures to a sample to create a loop

- Stack loops to create a beat

- Adjust loop/beat tempo

- Record and use a new sample from microphone

- Record loop

- Adjust volume of each sample

![screenshot](static/screenshots/svelte-sampler-screenshot_3.png)

![screenshot](static/screenshots/svelte-sampler-screenshot_4.png)

## Resources

[Svelte](https://svelte.dev)

[Tone.js](https://tonejs.github.io)

[MusicTheoryWithToneJS/PlayChords.html](https://www.guitarland.com/MusicTheoryWithToneJS/PlayChords.html)