AudioKitSynthOne - AudioKit Synth One: Open-Source iOS Synthesizer App

•    Swift

---

We've open-sourced the code for this synthesizer so that everyone is able to make changes to the code, introduce new features, fix bugs, improve efficiency, and keep the synthesizer up-to-date with all new capabilities of the base operating system. If you're new to AudioKit, you can learn more: here. This code and app is made possible by all the contributors to AudioKit. Many of the features of Synth One are availble as modules in AudioKit, allowing you easy access to oscillators, filters, reverbs, effects, and other DSP processing: code here.

sound music synth synthesizer keyboard piano midi knob audiobus auv3 plugin audio audiounit sequencer microtonal touchpad presets fx reverb

ROMPlayer - AudioKit Sample Player (ROM Player) - EXS24, Sound Font, Wave Player

•    Swift

---

Welcome to the official AudioKit example of a sample-based music instrument written in Swift. It can be modified to play EXS24, Wave, or Sound Fonts. This code is lightweight and demonstrates how you can make a beautiful sounding, pro-level instrument with small amount of code. If you're new to AudioKit, you can learn more and view getting started links: here.

sound exs24 exs player sampler music audio keyboard piano synth synthesizer soundfont wave aiff samples reverb delay midi knob knobs

webaudiofont - Use full GM set of musical instruments to play MIDI and single sounds or effects

•    Javascript

---

WebAudioFont is a set of resources and associated technology that uses sample-based synthesis to play musical instruments in the browser. You can choose from thousands of instrument, see Catalog. Add a link to WebAudioFontPlayer.js and the instrument file. Invoke queueWaveTable.

sound drums soundfont midi player sampler wavetable music synth instrument music-composition music-player synthesizer audio audiocontext play-instruments play-sounds pitch midi-player guitar piano beat mixer distortion microtonal

piano - Desktop browser keyboard for touch screens

•    CSS

---

Customizable virtual keyboard written in plain JavaScript. See the demo. Piano is still under active development (but has successfully been used in production work).

virtual-keyboard keyboard-layout user-input keyboard touch electron kiosk piano piano.js

node-keyboard - A REPL where music is simply streams of input in node (using soundfonts)

•    Javascript

---

A REPL where music is simply streams of input in node. Uses the awesome soundfonts of midi-js-soundfonts. Supports optional MIDI input. Note: Installing node-keyboard will clone a soundfont library during install, resulting in an 800MB download.

nodejs midi soundfonts repl streams2 node-keyboard node keyboard piano music music-theory

js-css-piano - A simple piano keyboard built with js and css

•    Javascript

---

A simple piano keyboard built with js and css

piano css-piano webaudio keyboard

copland - A music making experiment with React+Redux

•    Javascript

---

This little music-making experiment encourages the user to create patterns by clicking boxes which represent different pre-determined pitches. The piano sounds of the grid on the left move 16x faster than the string sounds of the grid on the right. The string harmonies were selected to sound more-or-less consonant with the pitch palette of the piano grid. Clicking the colored box results in a shift to a new pitch palette for both grids. Pressing the space-bar or the return key pause and play the loop. The backspace clears the grid. And pressing the letter 'e' causes the grid to start 'evolving' - adding and removing pitches strategically. The idea here is that the user can leave the application running in the background, enjoying the variety of patterns generated by the application's evolution algorithm.

sound generative-art generative-audio react redux music music-composition piano creative-coding

PianoView - Fully custumisable piano keyboard view with IBDesignable properties in swift

•    Swift

---

Fully custumisable piano keyboard view with @IBDesignable properties in swift.

piano keyboard music ibdesignable osx ios

X-Piano - Now you can make your own piano!

•    

---

Please see the gh-pages branch for the code and resources.

music webaudio piano webaudio-api sound-effects sound

x-piano-legacy - Web Components for Web Audio API

•    HTML

---

<x-piano> is GUI parts library (Web Components) for Web Applications that use Web Audio API. <x-piano> has has the following features. <x-piano> tag can be used by the following HTML.

polymer web-components x-piano web-audio-api piano

midi-sounds-react - ReactJS component for musical and MIDI applications

•    Javascript

---

You can use 1500 digitized musical instruments and percussions from free sound library to build musical application with React framework. Open Node.js command line window.

react react-component audio guitar piano music drums beat sound synthesizer wavetable midi soundfont synth mixer distortion microtonal

andantino - Listen some notes and try to find same notes on the keyboard.

•    Javascript

---

Andantino is a game that let's people to know if they are a tone-deaf or not. Users listen some notes and try to find same notes on the keyboard. These repositories used for code and UI inspirations.

piano listen tone-deaf react andantino game audiocontext

piano - 🎹To play piano using CSS and JavaScript

•    CSS

---

This project uses Pug, Stylus and Webpack. With the commands above, you have everything to start.

purecss pure-css piano-keyboard piano css

piano-rs - Play piano in the terminal using PC (computer) keyboard

•    Rust

---

Play piano in the terminal using PC (computer) keyboard. Make sure python command is not pointing to python 3.7, otherwise the dependency termbox may fail to compile.

music piano terminal cli notes

piano-keyboard - :musical_keyboard: Piano readable stream/component

•    Javascript

---

Visualize piano in DOM. Demo.

piano keyboard

pianoplayer - Automatic fingering generator for piano scores

•    Python

---

Automatic piano fingering generator. Find the optimal fingering combination to play a piano score. Optionally visualize it in 3D with vedo. To visualize the output annotated score install the latest musescore, or any other renderer of MusicXML files.

piano piano3d piano-fingers piano-fingering piano-keyboard music21 fingering

midi2midi - Use Chrome to connect two MIDI devices using <100 lines of Javascript

•    Javascript

---

Amazingly, you can have websites that fully interop with MIDI specs (though not compatiable on all browsers still). I had attempted this kind of thing before using Go + PortMidi but it was always tricky getting it to work on different operating systems. Since Chrome is easy to install everywhere, you can actually have chrome everywhere supporting your MIDI devices, with just a little Javascript code.

music chrome midi piano