You are browsing as a guest. Sign up (or log in) to start making projects!

Web MIDI

  • 6 Devlogs
  • 37 Total hours

A website that makes you able to play midi using your keyboard

Ship #1 Pending review

An interactive, zero-latency browser synthesizer and real-time audio visualizer:-

  1. It uses uses native web midi to talk to external keyboards.

  2. Reads time-domain audio data straight from an analyser node to draw live, low-latency waveforms.

  3. It has release, and filter knobs, then save your setups locally or dump them into a json file to share

  • 6 devlogs
  • 37h
Try project → See source code →
Open comments for this post

6h 15m 43s logged

Progress:-

  1. Completed the style.css

  2. Made the Live visualizer work by connecting analyserNode directly into the Web Audio processing graph.

  3. Added 3 modes to change the sounds of the midi

  4. 4 effects to change the sound of midi - Volume, Filter cutoff, delay time and delay feedback

0
0
37
Open comments for this post

6h 8m logged

Progress :-

  1. Completed the main format(index.html) of the site.

  2. Working on the audio engine script ( this is a little hard step , using online articles to learn more about writing code for this ).

-next i will try to get ideas for new features that i can add to the site and style the site

0
0
39
Open comments for this post

4h 11m logged

Working on this new project , its called Web Midi . Its purpose is :-

  1. To be able to play notes like midi keyboard but using your key board

  2. Customize the tone of the sound like filter cutoff,delay, distortion…etc

  3. to be able to record and loop the beats to add more instruments to it

  4. It will have a Live visualizer which will react to sounds played

0
0
67

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…