• Stars
    star
    584
  • Rank 76,216 (Top 2 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 12 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A MIDI-driven Web Audio synthesizer

MIDI Synth

This application is a analog synthesizer simulation built on the Web Audio API. It is very loosely based on the architecture of a Moog Prodigy synthesizer, although this is a polyphonic synthesizer, and it lacks the oscillator sync and glide effects of the Prodigy. (AKA: this is not intended to be a replication of the Prodigy, so pleased don't tell me how crappy a reproduction it is! :)

This uses my Web MIDI Polyfill to add MIDI support via the Web MIDI API - in fact, I partly wrote this as a test case for the polyfill and the MIDI API itself, so if you have a MIDI keyboard attached, check it out. The polyfill uses Java to access the MIDI device, so if you're wondering why Java is loading, that's why. It may take a few seconds for MIDI to become active - the library takes a while to load - but when the ring turns gray (instead of blue), it's ready. If you have a native implementation of the Web MIDI API in your browser, the polyfill shouldn't load - at the time of this writing, Chrome Stable (from version 43) has the only such implementation. Earlier versions of Chrome (from version 33) can enable Web MIDI via chrome://flags/#enable-web-midi

You can try it out live at https://webaudiodemos.appspot.com/midi-synth/index.html.

Check it out, feel free to fork, submit pull requests, etc.

-Chris

More Repositories

1

PitchDetect

Pitch detection in Web Audio using autocorrelation
JavaScript
1,295
star
2

metronome

Web Audio metronome example to show scheduling.
JavaScript
576
star
3

Audio-Input-Effects

Live input Web Audio effects
JavaScript
539
star
4

WebAudio

Web Audio API Playground
JavaScript
492
star
5

volume-meter

Simple example of implementing a clip-detecting volume meter in Web Audio.
JavaScript
425
star
6

AudioRecorder

Simple live audio file recorder, based on RecorderJS
JavaScript
420
star
7

WebMIDIAPIShim

Polyfill using the Jazz NPAPI MIDI plugin to implement the Web MIDI API on Mac and Windows.
JavaScript
380
star
8

Vocoder

Naive WebAudio Vocoder
JavaScript
341
star
9

MIDIDrums

MIDI version of Shiny Drum Machine
JavaScript
339
star
10

AudioContext-MonkeyPatch

Monkeypatch to use proper AudioContext naming on prefixed/deprecated named systems.
JavaScript
144
star
11

wubwubwub

Audio experiments
JavaScript
95
star
12

webkitAudioContext-MonkeyPatch

Monkey-patching library to make apps using deprecated Web Audio syntax work in conforming implementations.
JavaScript
53
star
13

monosynth

A monophonic Web Audio synthesizer driven by Web MIDI
HTML
45
star
14

Audio-Buffer-Draw

Draws a Web Audio AudioBuffer to a canvas
JavaScript
43
star
15

web-audio-samples

Port of http://chromium.googlecode.com/svn/trunk/
31
star
16

Standard-MIDI-File-reader

A test JS/HTML app to decode Standard MIDI Files
JavaScript
29
star
17

SynthTemplate

Synthesizer template
JavaScript
26
star
18

webaudiodemos

source for webaudiodemos
JavaScript
25
star
19

conway

Conway's Game of Life
JavaScript
25
star
20

Drumr

Drumpad/drum machine project.
JavaScript
8
star
21

SMFPlayer

MIDI reader/sequencer
JavaScript
8
star
22

WebAudioSlides

CSS
7
star
23

webmusicplatform

Platform for creating Web Music
CSS
7
star
24

Lupr

Looping metronome/sampler/sequencer/appegiator
JavaScript
5
star
25

AmazonTV

Prototype Amazon interface for TV
JavaScript
4
star
26

TestRecorder

JavaScript
3
star
27

badmetronome

The WRONG way to implement timing for audio applications.
JavaScript
3
star
28

life

temp project
JavaScript
3
star
29

testpages

CSS
2
star
30

AC2023

AC2023 slides
HTML
2
star
31

TPAC_incubation

HTML
1
star