chingu-voyages / v9-bears-team-11 Goto Github PK
View Code? Open in Web Editor NEWSynth Audio Generator using Tone.js | Voyage-9 | https://chingu.io/
Home Page: https://codepen.io/shimphillip/full/OeYdbd
Synth Audio Generator using Tone.js | Voyage-9 | https://chingu.io/
Home Page: https://codepen.io/shimphillip/full/OeYdbd
Not discussed but in addition to manually clicking instruments to create the sound it would be a "nice to have feature" to create music using webcam.
I believe this could be accomplished with a combination of react webcam
This appears to be working on mobile as well: https://codepen.io/paulywill/pen/QXWKMe?editors=1000
And using something like Opencv.js histogram calculation:
https://codepen.io/huningxin/pen/wqBvRo
@shimphillip, what do you think?
Create some samples using Web Audio API.
Ref:
@shimphillip and @paulywill decided on:
[ x] Project - sound generator / something that create sample/beats/piano audio | perhaps ability for users to record to mp3 or generate the code of audio
[ x ] Stack - combination of Gatsby.js / Web Audio api
[ x ] Workflow - Wednesday evening meetings / Discord / VS Code Live share / github workflow?
- [ ] Map Feature
- [ ] Filtering Feature
- [ ] API from the job listing providers
Modify the listener method to detect the length of note to play.
Would be nice if this method can output to the console the note and time of note after the piano key is released.
ie : C4, 8n
The ability to record to download/share with others.
R&D some more into visualization for sound.
This is inspired in part by a team in Voyage 8 that did a live doodle app.
https://github.com/chingu-voyages/v8-bears-team-05
ref: https://stackoverflow.com/questions/28440262/web-audio-api-for-live-streaming
Create CSS piano.
Ref: https://www.freecodecamp.org/news/all-you-need-to-know-about-the-web-audio-api-3df170559378/
Look at typical features of an electric piano.
We own one... what are some of the unused features?)
Create a mockup of MVP front-end and button layout.
@shimphillip, I'm only familiar with Travis CI.
Do you want to use something like that or try something else?
Circle CI?
@shimphillip, are you familiar with Netify?
Can you setup hosting for us?
Continue with creating a full electric piano including some buttons for volume and power(?)
Look at what's available in the https://tonejs.github.io/ and all/any methods we can use.
Using the layout (#19) create buttons additional features:
I like the first example from an example demo here: https://www.jqueryscript.net/demo/Touchable-Knob-style-Range-Input-Plugin-With-jQuery-fancyknob/
@shimphillip: Any issues with jquery in Gatsby?
Once the buttons are created make them responsive similar to the piano keys.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.