https://github.com/thirdmadman/fe-training-jsfepreschool-drumkit
Music application, with functions of step sequencer.
https://github.com/thirdmadman/fe-training-jsfepreschool-drumkit
css frontend html javascript music step-sequencer
Last synced: 2 months ago
JSON representation
Music application, with functions of step sequencer.
- Host: GitHub
- URL: https://github.com/thirdmadman/fe-training-jsfepreschool-drumkit
- Owner: thirdmadman
- License: gpl-3.0
- Created: 2022-10-03T07:54:43.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-10-05T17:24:12.000Z (over 3 years ago)
- Last Synced: 2025-03-18T10:47:36.093Z (over 1 year ago)
- Topics: css, frontend, html, javascript, music, step-sequencer
- Language: JavaScript
- Homepage: https://thirdmadman.github.io/fe-training-JSFEPRESCHOOL-drumkit/
- Size: 945 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# fe-training-JSFEPRESCHOOL-drumkit
Originally done in rolling-scopes-school/thirdmadman-JSFEPRESCHOOL, public reupload
## Deploy link
https://thirdmadman.github.io/fe-training-JSFEPRESCHOOL-drumkit/
## Description
Link for original task: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/js30/js30-1.md
To open sample project call:
DAW.loadFileFromUrl('https://api.npoint.io/166802b5a42fe68d24bd');
or
DAW.loadFileFromUrl('https://api.npoint.io/adda9cae0ffdff9d395a');
Share with friends, rs-chat, cat, grandmother, imaginary friend! Enjoy!
brought for you by thirdmadman with love, lack of sleep and lots of coffee.
### Requirements has been:
1. Use: JS, HTML, CSS
2. Don't use: frameworks for JS, jQuery, webpack or else
3. User YOUR own original code, make it clean and readable
### Features
* Add your own sounds via "Add Channel" button or remove existing channels!
* Save and import your project to/from file
* Variable BPM
* Variable volume for every channel
* Mute channel function
* Basic step Step Sequencer function