chingu-voyages / v9-bears-team-11 Goto Github PK

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:

1. https://www.freecodecamp.org/news/all-you-need-to-know-about-the-web-audio-api-3df170559378/

2. https://tympanus.net/Tutorials/SVGDrums/

@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

• CSS piano
• Web Audio API
• CSS Neon effects
• Generate mp3 or audio representation in code

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.

ref: https://tonejs.github.io/examples/animationSync.html

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?

https://unsplash.com/search/photos/audio

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:

• Gain/ Volume
• Pitch
• Tempo?

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.