├── .gitignore ├── favicon.ico ├── img ├── mic.jpg ├── violin.jpg ├── related │ ├── Drums.jpg │ ├── AboveBeneath.jpg │ └── RecordPlayer.jpg ├── flaticons_license.pdf ├── cursors │ ├── cursor_dark.cur │ ├── cursor_dark.png │ ├── cursor_light.cur │ └── cursor_light.png ├── note.svg ├── interaction_light.svg ├── interaction_dark.svg └── instruments │ ├── tuba.svg │ └── panflute.svg ├── soundfont ├── tuba-mp3 │ ├── A2.mp3 │ ├── C2.mp3 │ ├── D2.mp3 │ ├── F2.mp3 │ ├── G2.mp3 │ ├── Bb1.mp3 │ ├── Bb2.mp3 │ └── Eb2.mp3 ├── violin-mp3 │ ├── A2.mp3 │ ├── A3.mp3 │ ├── A4.mp3 │ ├── B2.mp3 │ ├── B3.mp3 │ ├── B4.mp3 │ ├── C2.mp3 │ ├── C3.mp3 │ ├── C4.mp3 │ ├── C5.mp3 │ ├── D2.mp3 │ ├── D3.mp3 │ ├── D4.mp3 │ ├── E2.mp3 │ ├── E3.mp3 │ ├── E4.mp3 │ ├── F2.mp3 │ ├── F3.mp3 │ ├── F4.mp3 │ ├── G2.mp3 │ ├── G3.mp3 │ └── G4.mp3 ├── alto_sax-mp3 │ ├── A3.mp3 │ ├── Ab3.mp3 │ ├── C4.mp3 │ ├── Db4.mp3 │ ├── F3.mp3 │ └── Gb3.mp3 ├── kalimba-mp3 │ ├── A4.mp3 │ ├── B4.mp3 │ ├── C4.mp3 │ ├── C5.mp3 │ ├── D4.mp3 │ ├── E4.mp3 │ ├── F4.mp3 │ └── G4.mp3 ├── pan_flute-mp3 │ ├── D6.mp3 │ ├── E6.mp3 │ ├── Db6.mp3 │ └── Gb6.mp3 ├── timpani-mp3 │ ├── Bb1.mp3 │ ├── D2.mp3 │ ├── F1.mp3 │ └── F2.mp3 ├── xylophone-mp3 │ ├── A0.mp3 │ ├── A1.mp3 │ ├── A2.mp3 │ ├── A3.mp3 │ ├── A4.mp3 │ ├── A5.mp3 │ ├── A6.mp3 │ ├── A7.mp3 │ ├── B0.mp3 │ ├── B1.mp3 │ ├── B2.mp3 │ ├── B3.mp3 │ ├── B4.mp3 │ ├── B5.mp3 │ ├── B6.mp3 │ ├── B7.mp3 │ ├── C1.mp3 │ ├── C2.mp3 │ ├── C3.mp3 │ ├── C4.mp3 │ ├── C5.mp3 │ ├── C6.mp3 │ ├── C7.mp3 │ ├── C8.mp3 │ ├── D1.mp3 │ ├── D2.mp3 │ ├── D3.mp3 │ ├── D4.mp3 │ ├── D5.mp3 │ ├── D6.mp3 │ ├── D7.mp3 │ ├── E1.mp3 │ ├── E2.mp3 │ ├── E3.mp3 │ ├── E4.mp3 │ ├── E5.mp3 │ ├── E6.mp3 │ ├── E7.mp3 │ ├── F1.mp3 │ ├── F2.mp3 │ ├── F3.mp3 │ ├── F4.mp3 │ ├── F5.mp3 │ ├── F6.mp3 │ ├── F7.mp3 │ ├── G1.mp3 │ ├── G2.mp3 │ ├── G3.mp3 │ ├── G4.mp3 │ ├── G5.mp3 │ ├── G6.mp3 │ ├── G7.mp3 │ ├── Ab1.mp3 │ ├── Ab2.mp3 │ ├── Ab3.mp3 │ ├── Ab4.mp3 │ ├── Ab5.mp3 │ ├── Ab6.mp3 │ ├── Ab7.mp3 │ ├── Bb0.mp3 │ ├── Bb1.mp3 │ ├── Bb2.mp3 │ ├── Bb3.mp3 │ ├── Bb4.mp3 │ ├── Bb5.mp3 │ ├── Bb6.mp3 │ ├── Bb7.mp3 │ ├── Db1.mp3 │ ├── Db2.mp3 │ ├── Db3.mp3 │ ├── Db4.mp3 │ ├── Db5.mp3 │ ├── Db6.mp3 │ ├── Db7.mp3 │ ├── Eb1.mp3 │ ├── Eb2.mp3 │ ├── Eb3.mp3 │ ├── Eb4.mp3 │ ├── Eb5.mp3 │ ├── Eb6.mp3 │ ├── Eb7.mp3 │ ├── Gb1.mp3 │ ├── Gb2.mp3 │ ├── Gb3.mp3 │ ├── Gb4.mp3 │ ├── Gb5.mp3 │ ├── Gb6.mp3 │ └── Gb7.mp3 ├── tubular_bells-mp3 │ ├── A5.mp3 │ ├── Ab5.mp3 │ ├── B4.mp3 │ ├── B5.mp3 │ ├── B6.mp3 │ ├── Bb5.mp3 │ ├── C5.mp3 │ ├── D5.mp3 │ ├── D6.mp3 │ ├── Db5.mp3 │ ├── E5.mp3 │ ├── E6.mp3 │ ├── Eb5.mp3 │ ├── F5.mp3 │ ├── G5.mp3 │ ├── Gb5.mp3 │ └── Gb6.mp3 ├── orchestral_harp-mp3 │ ├── A1.mp3 │ ├── A2.mp3 │ ├── A3.mp3 │ ├── A4.mp3 │ ├── A5.mp3 │ ├── A6.mp3 │ ├── B1.mp3 │ ├── B2.mp3 │ ├── B3.mp3 │ ├── B4.mp3 │ ├── B5.mp3 │ ├── B6.mp3 │ ├── C1.mp3 │ ├── C2.mp3 │ ├── C3.mp3 │ ├── C4.mp3 │ ├── C5.mp3 │ ├── C6.mp3 │ ├── C7.mp3 │ ├── D1.mp3 │ ├── D2.mp3 │ ├── D3.mp3 │ ├── D4.mp3 │ ├── D5.mp3 │ ├── D6.mp3 │ ├── D7.mp3 │ ├── E1.mp3 │ ├── E2.mp3 │ ├── E3.mp3 │ ├── E4.mp3 │ ├── E5.mp3 │ ├── E6.mp3 │ ├── E7.mp3 │ ├── F1.mp3 │ ├── F2.mp3 │ ├── F3.mp3 │ ├── F4.mp3 │ ├── F5.mp3 │ ├── F6.mp3 │ ├── F7.mp3 │ ├── G1.mp3 │ ├── G2.mp3 │ ├── G3.mp3 │ ├── G4.mp3 │ ├── G5.mp3 │ ├── G6.mp3 │ └── G7.mp3 ├── acoustic_grand_piano-mp3 │ ├── A0.mp3 │ ├── A1.mp3 │ ├── A2.mp3 │ ├── A3.mp3 │ ├── A4.mp3 │ ├── A5.mp3 │ ├── A6.mp3 │ ├── A7.mp3 │ ├── Ab1.mp3 │ ├── Ab2.mp3 │ ├── Ab3.mp3 │ ├── Ab4.mp3 │ ├── Ab5.mp3 │ ├── Ab6.mp3 │ ├── Ab7.mp3 │ ├── B0.mp3 │ ├── B1.mp3 │ ├── B2.mp3 │ ├── B3.mp3 │ ├── B4.mp3 │ ├── B5.mp3 │ ├── B6.mp3 │ ├── B7.mp3 │ ├── Bb0.mp3 │ ├── Bb1.mp3 │ ├── Bb2.mp3 │ ├── Bb3.mp3 │ ├── Bb4.mp3 │ ├── Bb5.mp3 │ ├── Bb6.mp3 │ ├── Bb7.mp3 │ ├── C1.mp3 │ ├── C2.mp3 │ ├── C3.mp3 │ ├── C4.mp3 │ ├── C5.mp3 │ ├── C6.mp3 │ ├── C7.mp3 │ ├── C8.mp3 │ ├── D1.mp3 │ ├── D2.mp3 │ ├── D3.mp3 │ ├── D4.mp3 │ ├── D5.mp3 │ ├── D6.mp3 │ ├── D7.mp3 │ ├── Db1.mp3 │ ├── Db2.mp3 │ ├── Db3.mp3 │ ├── Db4.mp3 │ ├── Db5.mp3 │ ├── Db6.mp3 │ ├── Db7.mp3 │ ├── Db8.mp3 │ ├── E1.mp3 │ ├── E2.mp3 │ ├── E3.mp3 │ ├── E4.mp3 │ ├── E5.mp3 │ ├── E6.mp3 │ ├── E7.mp3 │ ├── Eb1.mp3 │ ├── Eb2.mp3 │ ├── Eb3.mp3 │ ├── Eb4.mp3 │ ├── Eb5.mp3 │ ├── Eb6.mp3 │ ├── Eb7.mp3 │ ├── F1.mp3 │ ├── F2.mp3 │ ├── F3.mp3 │ ├── F4.mp3 │ ├── F5.mp3 │ ├── F6.mp3 │ ├── F7.mp3 │ ├── G1.mp3 │ ├── G2.mp3 │ ├── G3.mp3 │ ├── G4.mp3 │ ├── G5.mp3 │ ├── G6.mp3 │ ├── G7.mp3 │ ├── Gb1.mp3 │ ├── Gb2.mp3 │ ├── Gb3.mp3 │ ├── Gb4.mp3 │ ├── Gb5.mp3 │ ├── Gb6.mp3 │ └── Gb7.mp3 └── acoustic_guitar_nylon-mp3 │ ├── A2.mp3 │ ├── A3.mp3 │ ├── B2.mp3 │ ├── B3.mp3 │ ├── C3.mp3 │ ├── C4.mp3 │ ├── D3.mp3 │ ├── D4.mp3 │ ├── E2.mp3 │ ├── E3.mp3 │ ├── E4.mp3 │ ├── F2.mp3 │ ├── F3.mp3 │ ├── F4.mp3 │ ├── G2.mp3 │ ├── G3.mp3 │ ├── G4.mp3 │ ├── Ab3.mp3 │ ├── Bb2.mp3 │ ├── Bb3.mp3 │ ├── Db3.mp3 │ ├── Db4.mp3 │ ├── Eb4.mp3 │ ├── Gb2.mp3 │ ├── Gb3.mp3 │ └── Gb4.mp3 ├── sounds └── testingvoice.mp3 ├── css ├── normalize.css └── instruments.css ├── README.md └── js ├── tinyinstrument.js ├── enquire.min.js ├── inc └── shim │ ├── Base64.js │ ├── Base64binary.js │ └── WebAudioAPI.js ├── midi ├── plugin.webmidi.js ├── plugin.audiotag.js ├── loader.js ├── audioDetect.js └── gm.js ├── kalimba.js ├── helper.js ├── violin.js ├── harp.js ├── chimes.js ├── xylophone.js ├── timpani.js ├── mousetrap.min.js ├── util └── dom_request_xhr.js ├── guitar.js ├── main.js ├── mic.js └── anime.min.js /.gitignore: -------------------------------------------------------------------------------- 1 | *.DS_Store 2 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/favicon.ico -------------------------------------------------------------------------------- /img/mic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/mic.jpg -------------------------------------------------------------------------------- /img/violin.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/violin.jpg -------------------------------------------------------------------------------- /img/related/Drums.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/related/Drums.jpg -------------------------------------------------------------------------------- /img/flaticons_license.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/flaticons_license.pdf -------------------------------------------------------------------------------- /soundfont/tuba-mp3/A2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tuba-mp3/A2.mp3 -------------------------------------------------------------------------------- /soundfont/tuba-mp3/C2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tuba-mp3/C2.mp3 -------------------------------------------------------------------------------- /soundfont/tuba-mp3/D2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tuba-mp3/D2.mp3 -------------------------------------------------------------------------------- /soundfont/tuba-mp3/F2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tuba-mp3/F2.mp3 -------------------------------------------------------------------------------- /soundfont/tuba-mp3/G2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tuba-mp3/G2.mp3 -------------------------------------------------------------------------------- /sounds/testingvoice.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/sounds/testingvoice.mp3 -------------------------------------------------------------------------------- /img/cursors/cursor_dark.cur: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/cursors/cursor_dark.cur -------------------------------------------------------------------------------- /img/cursors/cursor_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/cursors/cursor_dark.png -------------------------------------------------------------------------------- /soundfont/tuba-mp3/Bb1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tuba-mp3/Bb1.mp3 -------------------------------------------------------------------------------- /soundfont/tuba-mp3/Bb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tuba-mp3/Bb2.mp3 -------------------------------------------------------------------------------- /soundfont/tuba-mp3/Eb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tuba-mp3/Eb2.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/A2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/A2.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/A3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/A3.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/A4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/A4.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/B2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/B2.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/B3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/B3.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/B4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/B4.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/C2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/C2.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/C3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/C3.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/C4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/C4.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/C5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/C5.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/D2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/D2.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/D3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/D3.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/D4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/D4.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/E2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/E2.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/E3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/E3.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/E4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/E4.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/F2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/F2.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/F3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/F3.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/F4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/F4.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/G2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/G2.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/G3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/G3.mp3 -------------------------------------------------------------------------------- /soundfont/violin-mp3/G4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/violin-mp3/G4.mp3 -------------------------------------------------------------------------------- /img/cursors/cursor_light.cur: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/cursors/cursor_light.cur -------------------------------------------------------------------------------- /img/cursors/cursor_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/cursors/cursor_light.png -------------------------------------------------------------------------------- /img/related/AboveBeneath.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/related/AboveBeneath.jpg -------------------------------------------------------------------------------- /img/related/RecordPlayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/img/related/RecordPlayer.jpg -------------------------------------------------------------------------------- /soundfont/alto_sax-mp3/A3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/alto_sax-mp3/A3.mp3 -------------------------------------------------------------------------------- /soundfont/alto_sax-mp3/Ab3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/alto_sax-mp3/Ab3.mp3 -------------------------------------------------------------------------------- /soundfont/alto_sax-mp3/C4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/alto_sax-mp3/C4.mp3 -------------------------------------------------------------------------------- /soundfont/alto_sax-mp3/Db4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/alto_sax-mp3/Db4.mp3 -------------------------------------------------------------------------------- /soundfont/alto_sax-mp3/F3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/alto_sax-mp3/F3.mp3 -------------------------------------------------------------------------------- /soundfont/alto_sax-mp3/Gb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/alto_sax-mp3/Gb3.mp3 -------------------------------------------------------------------------------- /soundfont/kalimba-mp3/A4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/kalimba-mp3/A4.mp3 -------------------------------------------------------------------------------- /soundfont/kalimba-mp3/B4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/kalimba-mp3/B4.mp3 -------------------------------------------------------------------------------- /soundfont/kalimba-mp3/C4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/kalimba-mp3/C4.mp3 -------------------------------------------------------------------------------- /soundfont/kalimba-mp3/C5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/kalimba-mp3/C5.mp3 -------------------------------------------------------------------------------- /soundfont/kalimba-mp3/D4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/kalimba-mp3/D4.mp3 -------------------------------------------------------------------------------- /soundfont/kalimba-mp3/E4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/kalimba-mp3/E4.mp3 -------------------------------------------------------------------------------- /soundfont/kalimba-mp3/F4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/kalimba-mp3/F4.mp3 -------------------------------------------------------------------------------- /soundfont/kalimba-mp3/G4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/kalimba-mp3/G4.mp3 -------------------------------------------------------------------------------- /soundfont/pan_flute-mp3/D6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/pan_flute-mp3/D6.mp3 -------------------------------------------------------------------------------- /soundfont/pan_flute-mp3/E6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/pan_flute-mp3/E6.mp3 -------------------------------------------------------------------------------- /soundfont/timpani-mp3/Bb1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/timpani-mp3/Bb1.mp3 -------------------------------------------------------------------------------- /soundfont/timpani-mp3/D2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/timpani-mp3/D2.mp3 -------------------------------------------------------------------------------- /soundfont/timpani-mp3/F1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/timpani-mp3/F1.mp3 -------------------------------------------------------------------------------- /soundfont/timpani-mp3/F2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/timpani-mp3/F2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/A0.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/A0.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/A1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/A1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/A2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/A2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/A3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/A3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/A4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/A4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/A5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/A5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/A6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/A6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/A7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/A7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/B0.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/B0.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/B1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/B1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/B2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/B2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/B3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/B3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/B4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/B4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/B5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/B5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/B6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/B6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/B7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/B7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/C1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/C1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/C2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/C2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/C3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/C3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/C4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/C4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/C5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/C5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/C6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/C6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/C7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/C7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/C8.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/C8.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/D1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/D1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/D2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/D2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/D3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/D3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/D4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/D4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/D5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/D5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/D6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/D6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/D7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/D7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/E1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/E1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/E2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/E2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/E3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/E3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/E4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/E4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/E5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/E5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/E6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/E6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/E7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/E7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/F1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/F1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/F2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/F2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/F3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/F3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/F4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/F4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/F5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/F5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/F6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/F6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/F7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/F7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/G1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/G1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/G2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/G2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/G3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/G3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/G4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/G4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/G5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/G5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/G6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/G6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/G7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/G7.mp3 -------------------------------------------------------------------------------- /soundfont/pan_flute-mp3/Db6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/pan_flute-mp3/Db6.mp3 -------------------------------------------------------------------------------- /soundfont/pan_flute-mp3/Gb6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/pan_flute-mp3/Gb6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Ab1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Ab1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Ab2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Ab2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Ab3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Ab3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Ab4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Ab4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Ab5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Ab5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Ab6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Ab6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Ab7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Ab7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Bb0.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Bb0.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Bb1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Bb1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Bb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Bb2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Bb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Bb3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Bb4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Bb4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Bb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Bb5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Bb6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Bb6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Bb7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Bb7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Db1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Db1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Db2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Db2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Db3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Db3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Db4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Db4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Db5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Db5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Db6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Db6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Db7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Db7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Eb1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Eb1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Eb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Eb2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Eb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Eb3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Eb4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Eb4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Eb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Eb5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Eb6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Eb6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Eb7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Eb7.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Gb1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Gb1.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Gb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Gb2.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Gb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Gb3.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Gb4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Gb4.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Gb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Gb5.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Gb6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Gb6.mp3 -------------------------------------------------------------------------------- /soundfont/xylophone-mp3/Gb7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/xylophone-mp3/Gb7.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/A5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/A5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/Ab5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/Ab5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/B4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/B4.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/B5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/B5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/B6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/B6.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/Bb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/Bb5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/C5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/C5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/D5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/D5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/D6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/D6.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/Db5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/Db5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/E5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/E5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/E6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/E6.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/Eb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/Eb5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/F5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/F5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/G5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/G5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/Gb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/Gb5.mp3 -------------------------------------------------------------------------------- /soundfont/tubular_bells-mp3/Gb6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/tubular_bells-mp3/Gb6.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/A1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/A1.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/A2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/A2.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/A3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/A3.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/A4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/A4.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/A5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/A5.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/A6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/A6.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/B1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/B1.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/B2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/B2.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/B3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/B3.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/B4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/B4.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/B5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/B5.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/B6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/B6.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/C1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/C1.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/C2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/C2.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/C3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/C3.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/C4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/C4.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/C5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/C5.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/C6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/C6.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/C7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/C7.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/D1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/D1.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/D2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/D2.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/D3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/D3.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/D4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/D4.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/D5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/D5.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/D6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/D6.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/D7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/D7.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/E1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/E1.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/E2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/E2.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/E3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/E3.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/E4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/E4.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/E5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/E5.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/E6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/E6.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/E7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/E7.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/F1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/F1.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/F2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/F2.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/F3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/F3.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/F4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/F4.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/F5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/F5.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/F6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/F6.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/F7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/F7.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/G1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/G1.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/G2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/G2.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/G3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/G3.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/G4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/G4.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/G5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/G5.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/G6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/G6.mp3 -------------------------------------------------------------------------------- /soundfont/orchestral_harp-mp3/G7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/orchestral_harp-mp3/G7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/A0.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/A0.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/A1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/A1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/A2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/A2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/A3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/A3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/A4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/A4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/A5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/A5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/A6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/A6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/A7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/A7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Ab1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Ab1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Ab2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Ab2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Ab3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Ab3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Ab4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Ab4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Ab5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Ab5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Ab6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Ab6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Ab7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Ab7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/B0.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/B0.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/B1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/B1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/B2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/B2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/B3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/B3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/B4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/B4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/B5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/B5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/B6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/B6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/B7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/B7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Bb0.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Bb0.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Bb1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Bb1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Bb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Bb2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Bb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Bb3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Bb4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Bb4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Bb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Bb5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Bb6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Bb6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Bb7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Bb7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/C1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/C1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/C2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/C2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/C3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/C3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/C4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/C4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/C5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/C5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/C6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/C6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/C7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/C7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/C8.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/C8.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/D1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/D1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/D2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/D2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/D3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/D3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/D4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/D4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/D5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/D5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/D6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/D6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/D7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/D7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Db1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Db1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Db2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Db2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Db3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Db3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Db4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Db4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Db5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Db5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Db6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Db6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Db7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Db7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Db8.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Db8.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/E1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/E1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/E2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/E2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/E3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/E3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/E4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/E4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/E5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/E5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/E6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/E6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/E7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/E7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Eb1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Eb1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Eb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Eb2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Eb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Eb3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Eb4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Eb4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Eb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Eb5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Eb6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Eb6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Eb7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Eb7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/F1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/F1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/F2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/F2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/F3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/F3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/F4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/F4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/F5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/F5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/F6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/F6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/F7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/F7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/G1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/G1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/G2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/G2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/G3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/G3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/G4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/G4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/G5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/G5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/G6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/G6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/G7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/G7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Gb1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Gb1.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Gb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Gb2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Gb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Gb3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Gb4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Gb4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Gb5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Gb5.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Gb6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Gb6.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_grand_piano-mp3/Gb7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_grand_piano-mp3/Gb7.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/A2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/A2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/A3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/A3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/B2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/B2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/B3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/B3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/C3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/C3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/C4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/C4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/D3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/D3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/D4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/D4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/E2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/E2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/E3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/E3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/E4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/E4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/F2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/F2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/F3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/F3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/F4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/F4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/G2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/G2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/G3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/G3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/G4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/G4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Ab3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Ab3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Bb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Bb2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Bb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Bb3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Db3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Db3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Db4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Db4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Eb4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Eb4.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Gb2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Gb2.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Gb3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Gb3.mp3 -------------------------------------------------------------------------------- /soundfont/acoustic_guitar_nylon-mp3/Gb4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MusicalInteractions/HEAD/soundfont/acoustic_guitar_nylon-mp3/Gb4.mp3 -------------------------------------------------------------------------------- /img/note.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /img/interaction_light.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 29 | 30 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /img/interaction_dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 30 | 31 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /css/normalize.css: -------------------------------------------------------------------------------- 1 | article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Musical Interactions 2 | 3 | Some experimental ideas for playful musical interactions powered by MIDI.js. 4 | 5 | ![Musical Interactions](http://tympanus.net/codrops/wp-content/uploads/2016/12/MusicalInteractions_800x600.jpg) 6 | 7 | [Article on Codrops](http://tympanus.net/codrops/?p=28980) 8 | 9 | [Demo](http://tympanus.net/Development/MusicalInteractions/) 10 | 11 | ## License 12 | 13 | Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is". 14 | 15 | Read more here: [License](http://tympanus.net/codrops/licensing/) 16 | 17 | ## Credits 18 | 19 | - [MIDI.js](https://galactic.ink/midi-js/) 20 | - Sounds taken from this [MIDI.js fork](https://github.com/gleitz/midi-js-soundfonts) 21 | - ["Testing 1 2 3 4" sound](https://freesound.org/people/hgl/sounds/157781/) 22 | - Instrument icons [designed by Freepik](http://www.freepik.com/free-vector/music-instruments-collection_939981.htm) 23 | - Mouse icon designed by [Darius Dan](http://www.flaticon.com/free-icon/mouse_174016) from [www.flaticon.com](http://flaticon.com) 24 | - [SiriWave JS](https://github.com/caffeinalab/siriwavejs) 25 | - [anime.js](http://anime-js.com/) 26 | - [enquire.js](http://wicky.nillia.ms/enquire.js/) 27 | - [Mousetrap](https://craig.is/killing/mice), a library for handling keyboard shortcuts in Javascript 28 | - Photography by [Unsplash](https://unsplash.com/) and [Pexels](https://www.pexels.com) 29 | - Fonts used: [Quicksand](https://fonts.google.com/specimen/Quicksand) and [Arapey](https://fonts.google.com/specimen/Arapey) 30 | 31 | ## Misc 32 | 33 | Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/) 34 | 35 | [© Codrops 2016](http://www.codrops.com) 36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /js/tinyinstrument.js: -------------------------------------------------------------------------------- 1 | /** 2 | * tinyinstrument.js 3 | * http://www.codrops.com 4 | * 5 | * Licensed under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 8 | * Copyright 2016, Codrops 9 | * http://www.codrops.com 10 | */ 11 | ;(function(window) { 12 | 13 | /** 14 | * Instrument obj. 15 | */ 16 | function Instrument(el, options) { 17 | this.el = el; 18 | this.options = extend({}, this.options); 19 | extend(this.options, options); 20 | this.midiCode = this.options.midiCode; 21 | this._initEvents(); 22 | // just some random notes 23 | this.notes = this.options.notes; 24 | this.currentNote = 0; 25 | } 26 | 27 | /** 28 | * Instrument options. 29 | */ 30 | Instrument.prototype.options = { 31 | notes: [39], 32 | midiCode: 0, 33 | noteOffDelay: 1, 34 | onPlay: function() {return false;} 35 | }; 36 | 37 | Instrument.prototype._initEvents = function() { 38 | var self = this, 39 | isMobile = mobilecheck(), 40 | evs = { 41 | down: isMobile ? 'touchstart' : 'mousedown', 42 | up: isMobile ? 'touchend' : 'mouseup', 43 | move: isMobile ? 'touchmove' : 'mousemove' 44 | }; 45 | 46 | if( isMobile ) { 47 | this.el.addEventListener(evs.down, function(ev) { 48 | self.isScrolling = false; 49 | }); 50 | this.el.addEventListener(evs.move, function(ev) { 51 | self.isScrolling = true; 52 | }); 53 | this.el.addEventListener(evs.up, function(ev) { 54 | if( !self.isScrolling ) { 55 | self._play(); 56 | } 57 | }); 58 | } 59 | else { 60 | this.el.addEventListener(evs.down, function(ev) { 61 | self._play(); 62 | }); 63 | } 64 | }; 65 | 66 | Instrument.prototype._play = function() { 67 | if( this.isPlaying ) return; 68 | this.isPlaying = true; 69 | var delay = 0, note = this.notes[this.currentNote]; 70 | this.currentNote = this.currentNote < this.notes.length - 1 ? this.currentNote + 1 : 0; 71 | MIDI.programChange(0, this.midiCode); 72 | MIDI.noteOn(0, note + 21, 127, 0); 73 | MIDI.noteOff(0, note + 21, this.options.noteOffDelay/1000); 74 | this.options.onPlay(this); 75 | }; 76 | 77 | window.Instrument = Instrument; 78 | 79 | })(window); -------------------------------------------------------------------------------- /js/enquire.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * enquire.js v2.1.2 - Awesome Media Queries in JavaScript 3 | * Copyright (c) 2014 Nick Williams - http://wicky.nillia.ms/enquire.js 4 | * License: MIT (http://www.opensource.org/licenses/mit-license.php) 5 | */ 6 | 7 | !function(a,b,c){var d=window.matchMedia;"undefined"!=typeof module&&module.exports?module.exports=c(d):"function"==typeof define&&define.amd?define(function(){return b[a]=c(d)}):b[a]=c(d)}("enquire",this,function(a){"use strict";function b(a,b){var c,d=0,e=a.length;for(d;e>d&&(c=b(a[d],d),c!==!1);d++);}function c(a){return"[object Array]"===Object.prototype.toString.apply(a)}function d(a){return"function"==typeof a}function e(a){this.options=a,!a.deferSetup&&this.setup()}function f(b,c){this.query=b,this.isUnconditional=c,this.handlers=[],this.mql=a(b);var d=this;this.listener=function(a){d.mql=a,d.assess()},this.mql.addListener(this.listener)}function g(){if(!a)throw new Error("matchMedia not present, legacy browsers require a polyfill");this.queries={},this.browserIsIncapable=!a("only all").matches}return e.prototype={setup:function(){this.options.setup&&this.options.setup(),this.initialised=!0},on:function(){!this.initialised&&this.setup(),this.options.match&&this.options.match()},off:function(){this.options.unmatch&&this.options.unmatch()},destroy:function(){this.options.destroy?this.options.destroy():this.off()},equals:function(a){return this.options===a||this.options.match===a}},f.prototype={addHandler:function(a){var b=new e(a);this.handlers.push(b),this.matches()&&b.on()},removeHandler:function(a){var c=this.handlers;b(c,function(b,d){return b.equals(a)?(b.destroy(),!c.splice(d,1)):void 0})},matches:function(){return this.mql.matches||this.isUnconditional},clear:function(){b(this.handlers,function(a){a.destroy()}),this.mql.removeListener(this.listener),this.handlers.length=0},assess:function(){var a=this.matches()?"on":"off";b(this.handlers,function(b){b[a]()})}},g.prototype={register:function(a,e,g){var h=this.queries,i=g&&this.browserIsIncapable;return h[a]||(h[a]=new f(a,i)),d(e)&&(e={match:e}),c(e)||(e=[e]),b(e,function(b){d(b)&&(b={match:b}),h[a].addHandler(b)}),this},unregister:function(a,b){var c=this.queries[a];return c&&(b?c.removeHandler(b):(c.clear(),delete this.queries[a])),this}},new g}); -------------------------------------------------------------------------------- /js/inc/shim/Base64.js: -------------------------------------------------------------------------------- 1 | //https://github.com/davidchambers/Base64.js 2 | 3 | ;(function () { 4 | var object = typeof exports != 'undefined' ? exports : this; // #8: web workers 5 | var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; 6 | 7 | function InvalidCharacterError(message) { 8 | this.message = message; 9 | } 10 | InvalidCharacterError.prototype = new Error; 11 | InvalidCharacterError.prototype.name = 'InvalidCharacterError'; 12 | 13 | // encoder 14 | // [https://gist.github.com/999166] by [https://github.com/nignag] 15 | object.btoa || ( 16 | object.btoa = function (input) { 17 | for ( 18 | // initialize result and counter 19 | var block, charCode, idx = 0, map = chars, output = ''; 20 | // if the next input index does not exist: 21 | // change the mapping table to "=" 22 | // check if d has no fractional digits 23 | input.charAt(idx | 0) || (map = '=', idx % 1); 24 | // "8 - idx % 1 * 8" generates the sequence 2, 4, 6, 8 25 | output += map.charAt(63 & block >> 8 - idx % 1 * 8) 26 | ) { 27 | charCode = input.charCodeAt(idx += 3/4); 28 | if (charCode > 0xFF) { 29 | throw new InvalidCharacterError("'btoa' failed: The string to be encoded contains characters outside of the Latin1 range."); 30 | } 31 | block = block << 8 | charCode; 32 | } 33 | return output; 34 | }); 35 | 36 | // decoder 37 | // [https://gist.github.com/1020396] by [https://github.com/atk] 38 | object.atob || ( 39 | object.atob = function (input) { 40 | input = input.replace(/=+$/, '') 41 | if (input.length % 4 == 1) { 42 | throw new InvalidCharacterError("'atob' failed: The string to be decoded is not correctly encoded."); 43 | } 44 | for ( 45 | // initialize result and counters 46 | var bc = 0, bs, buffer, idx = 0, output = ''; 47 | // get next character 48 | buffer = input.charAt(idx++); 49 | // character found in table? initialize bit storage and add its ascii value; 50 | ~buffer && (bs = bc % 4 ? bs * 64 + buffer : buffer, 51 | // and if not first of each 4 characters, 52 | // convert the first 8 bits to one ascii character 53 | bc++ % 4) ? output += String.fromCharCode(255 & bs >> (-2 * bc & 6)) : 0 54 | ) { 55 | // try to find character in table (0-63, not found => -1) 56 | buffer = chars.indexOf(buffer); 57 | } 58 | return output; 59 | }); 60 | 61 | }()); -------------------------------------------------------------------------------- /js/midi/plugin.webmidi.js: -------------------------------------------------------------------------------- 1 | /* 2 | ---------------------------------------------------------------------- 3 | Web MIDI API - Native Soundbanks 4 | ---------------------------------------------------------------------- 5 | http://webaudio.github.io/web-midi-api/ 6 | ---------------------------------------------------------------------- 7 | */ 8 | 9 | (function(root) { 'use strict'; 10 | 11 | var plugin = null; 12 | var output = null; 13 | var channels = []; 14 | var midi = root.WebMIDI = {api: 'webmidi'}; 15 | midi.send = function(data, delay) { // set channel volume 16 | output.send(data, delay * 1000); 17 | }; 18 | 19 | midi.setController = function(channel, type, value, delay) { 20 | output.send([channel, type, value], delay * 1000); 21 | }; 22 | 23 | midi.setVolume = function(channel, volume, delay) { // set channel volume 24 | output.send([0xB0 + channel, 0x07, volume], delay * 1000); 25 | }; 26 | 27 | midi.programChange = function(channel, program, delay) { // change patch (instrument) 28 | output.send([0xC0 + channel, program], delay * 1000); 29 | }; 30 | 31 | midi.pitchBend = function(channel, program, delay) { // pitch bend 32 | output.send([0xE0 + channel, program], delay * 1000); 33 | }; 34 | 35 | midi.noteOn = function(channel, note, velocity, delay) { 36 | output.send([0x90 + channel, note, velocity], delay * 1000); 37 | }; 38 | 39 | midi.noteOff = function(channel, note, delay) { 40 | output.send([0x80 + channel, note, 0], delay * 1000); 41 | }; 42 | 43 | midi.chordOn = function(channel, chord, velocity, delay) { 44 | for (var n = 0; n < chord.length; n ++) { 45 | var note = chord[n]; 46 | output.send([0x90 + channel, note, velocity], delay * 1000); 47 | } 48 | }; 49 | 50 | midi.chordOff = function(channel, chord, delay) { 51 | for (var n = 0; n < chord.length; n ++) { 52 | var note = chord[n]; 53 | output.send([0x80 + channel, note, 0], delay * 1000); 54 | } 55 | }; 56 | 57 | midi.stopAllNotes = function() { 58 | output.cancel(); 59 | for (var channel = 0; channel < 16; channel ++) { 60 | output.send([0xB0 + channel, 0x7B, 0]); 61 | } 62 | }; 63 | 64 | midi.connect = function(opts) { 65 | root.setDefaultPlugin(midi); 66 | var errFunction = function(err) { // well at least we tried! 67 | if (window.AudioContext) { // Chrome 68 | opts.api = 'webaudio'; 69 | } else if (window.Audio) { // Firefox 70 | opts.api = 'audiotag'; 71 | } else { // no support 72 | return; 73 | } 74 | root.loadPlugin(opts); 75 | }; 76 | /// 77 | navigator.requestMIDIAccess().then(function(access) { 78 | plugin = access; 79 | var pluginOutputs = plugin.outputs; 80 | if (typeof pluginOutputs == 'function') { // Chrome pre-43 81 | output = pluginOutputs()[0]; 82 | } else { // Chrome post-43 83 | output = pluginOutputs[0]; 84 | } 85 | if (output === undefined) { // nothing there... 86 | errFunction(); 87 | } else { 88 | opts.onsuccess && opts.onsuccess(); 89 | } 90 | }, errFunction); 91 | }; 92 | 93 | })(MIDI); -------------------------------------------------------------------------------- /js/kalimba.js: -------------------------------------------------------------------------------- 1 | /** 2 | * kalimba.js 3 | * http://www.codrops.com 4 | * 5 | * Licensed under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 8 | * Copyright 2016, Codrops 9 | * http://www.codrops.com 10 | */ 11 | ;(function(window) { 12 | /** 13 | * Kalimba obj. Tuned to CMaj (C4..C5) 14 | */ 15 | function Kalimba(el, options) { 16 | this.el = el; 17 | this.tines = [].slice.call(this.el.querySelectorAll('.kalimba__tine')); 18 | this.midiCode = 108; // Check http://www.ccarh.org/courses/253/handout/gminstruments/ 19 | this._initEvents(); 20 | } 21 | 22 | Kalimba.prototype._initEvents = function() { 23 | var self = this, 24 | isMobile = mobilecheck(), 25 | evs = { 26 | down: isMobile ? 'touchstart' : 'mousedown', 27 | up: isMobile ? 'touchend' : 'mouseup' 28 | }; 29 | 30 | this.tines.forEach(function(tine) { 31 | tine.addEventListener(evs.down, function(ev) { 32 | var note = self._getNote(tine); 33 | self.mdown = true; 34 | 35 | if( !isMobile ) { 36 | self.mouseLeaveFn = function(ev) { 37 | self._play(note, 'off'); 38 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 39 | }; 40 | tine.addEventListener('mouseleave', self.mouseLeaveFn); 41 | } 42 | 43 | self._play(note, 'on', tine); 44 | }); 45 | 46 | tine.addEventListener(evs.up, function(ev) { 47 | if( !self.mdown && !isMobile ) { 48 | return false; 49 | } 50 | self.mdown = false; 51 | var note = self._getNote(tine); 52 | 53 | if( !isMobile ) { 54 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 55 | } 56 | self._play(note, 'off'); 57 | }); 58 | 59 | if( !isMobile ) { 60 | tine.addEventListener('mouseenter', function(ev) { 61 | if( !self.mdown ) { 62 | return false; 63 | } 64 | 65 | var note = self._getNote(tine); 66 | self.mouseLeaveFn = function(ev) { 67 | self._play(note, 'off'); 68 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 69 | }; 70 | tine.addEventListener('mouseleave', self.mouseLeaveFn); 71 | 72 | self._play(note, 'on', tine); 73 | }); 74 | } 75 | }); 76 | 77 | if( !isMobile ) { 78 | this.el.addEventListener('mousedown', function(ev) { self.mdown = true; }); 79 | this.el.addEventListener('mouseup', function(ev) { self.mdown = false; }); 80 | this.el.addEventListener('mouseleave', function(ev) { self.mdown = false; }); 81 | } 82 | }; 83 | 84 | Kalimba.prototype._getNote = function(tine) { 85 | return tine.getAttribute('note:id'); 86 | }; 87 | 88 | Kalimba.prototype._play = function(note, status, tine) { 89 | var channel = 0, 90 | note = parseInt(note) + 21, 91 | delay = 0, 92 | velocity = 127; // how hard the note hits 93 | 94 | MIDI.programChange(0, this.midiCode); 95 | 96 | if( status === 'on' ) { 97 | MIDI.noteOn(channel, note, velocity, delay); 98 | 99 | anime({ 100 | targets: tine, 101 | duration: 1500, 102 | easing: 'easeOutElastic', 103 | elasticity: 900, 104 | translateY: [-3,0] 105 | }); 106 | } 107 | else { 108 | MIDI.noteOff(channel, note, delay+4); 109 | } 110 | }; 111 | 112 | window.Kalimba = Kalimba; 113 | 114 | })(window); -------------------------------------------------------------------------------- /js/helper.js: -------------------------------------------------------------------------------- 1 | // Helper vars and functions. 2 | function extend( a, b ) { 3 | for( var key in b ) { 4 | if( b.hasOwnProperty( key ) ) { 5 | a[key] = b[key]; 6 | } 7 | } 8 | return a; 9 | } 10 | 11 | // Detect mobile. From: http://stackoverflow.com/a/11381730/989439 12 | function mobilecheck() { 13 | var check = false; 14 | (function(a){if(/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera); 15 | return check; 16 | } 17 | 18 | // From https://davidwalsh.name/javascript-debounce-function. 19 | function debounce(func, wait, immediate) { 20 | var timeout; 21 | return function() { 22 | var context = this, args = arguments; 23 | var later = function() { 24 | timeout = null; 25 | if (!immediate) func.apply(context, args); 26 | }; 27 | var callNow = immediate && !timeout; 28 | clearTimeout(timeout); 29 | timeout = setTimeout(later, wait); 30 | if (callNow) func.apply(context, args); 31 | }; 32 | }; 33 | 34 | // from http://www.quirksmode.org/js/events_properties.html#position 35 | function getMousePos(e) { 36 | var posx = 0, posy = 0; 37 | if (!e) var e = window.event; 38 | if (e.pageX || e.pageY) { 39 | posx = e.pageX; 40 | posy = e.pageY; 41 | } 42 | else if (e.clientX || e.clientY) { 43 | posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; 44 | posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop; 45 | } 46 | return { x : posx, y : posy } 47 | } -------------------------------------------------------------------------------- /js/inc/shim/Base64binary.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @license ------------------------------------------------------------------- 3 | * module: Base64Binary 4 | * src: http://blog.danguer.com/2011/10/24/base64-binary-decoding-in-javascript/ 5 | * license: Simplified BSD License 6 | * ------------------------------------------------------------------- 7 | * Copyright 2011, Daniel Guerrero. All rights reserved. 8 | * 9 | * Redistribution and use in source and binary forms, with or without 10 | * modification, are permitted provided that the following conditions are met: 11 | * - Redistributions of source code must retain the above copyright 12 | * notice, this list of conditions and the following disclaimer. 13 | * - Redistributions in binary form must reproduce the above copyright 14 | * notice, this list of conditions and the following disclaimer in the 15 | * documentation and/or other materials provided with the distribution. 16 | * 17 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND 18 | * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 19 | * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 20 | * DISCLAIMED. IN NO EVENT SHALL DANIEL GUERRERO BE LIABLE FOR ANY 21 | * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 22 | * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 23 | * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 24 | * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 25 | * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS 26 | * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 27 | */ 28 | 29 | var Base64Binary = { 30 | _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", 31 | 32 | /* will return a Uint8Array type */ 33 | decodeArrayBuffer: function(input) { 34 | var bytes = Math.ceil( (3*input.length) / 4.0); 35 | var ab = new ArrayBuffer(bytes); 36 | this.decode(input, ab); 37 | 38 | return ab; 39 | }, 40 | 41 | decode: function(input, arrayBuffer) { 42 | //get last chars to see if are valid 43 | var lkey1 = this._keyStr.indexOf(input.charAt(input.length-1)); 44 | var lkey2 = this._keyStr.indexOf(input.charAt(input.length-1)); 45 | 46 | var bytes = Math.ceil( (3*input.length) / 4.0); 47 | if (lkey1 == 64) bytes--; //padding chars, so skip 48 | if (lkey2 == 64) bytes--; //padding chars, so skip 49 | 50 | var uarray; 51 | var chr1, chr2, chr3; 52 | var enc1, enc2, enc3, enc4; 53 | var i = 0; 54 | var j = 0; 55 | 56 | if (arrayBuffer) 57 | uarray = new Uint8Array(arrayBuffer); 58 | else 59 | uarray = new Uint8Array(bytes); 60 | 61 | input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); 62 | 63 | for (i=0; i> 4); 71 | chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); 72 | chr3 = ((enc3 & 3) << 6) | enc4; 73 | 74 | uarray[i] = chr1; 75 | if (enc3 != 64) uarray[i+1] = chr2; 76 | if (enc4 != 64) uarray[i+2] = chr3; 77 | } 78 | 79 | return uarray; 80 | } 81 | }; -------------------------------------------------------------------------------- /js/violin.js: -------------------------------------------------------------------------------- 1 | /** 2 | * violin.js 3 | * http://www.codrops.com 4 | * 5 | * Licensed under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 8 | * Copyright 2016, Codrops 9 | * http://www.codrops.com 10 | */ 11 | ;(function(window) { 12 | 13 | /** 14 | * Violin obj. For this demo the Violin will only play natural notes from C2 to C5. 15 | */ 16 | function Violin(el) { 17 | this.el = el; 18 | this.midiCode = 40; 19 | // Some random notes to choose from depending on the mouse position (x-axis). 20 | this.notes = [15,17,19,20,22,24,26,27,29,31,32,34,36,38,39,41,43,44,46,48,50,51]; 21 | this.notesTotal = this.notes.length; 22 | this._initEvents(); 23 | } 24 | 25 | Violin.prototype._initEvents = function() { 26 | var self = this, 27 | isMobile = mobilecheck(), 28 | evs = { 29 | down: isMobile ? 'touchstart' : 'mousedown', 30 | up: isMobile ? 'touchend' : 'mouseup', 31 | move: isMobile ? 'touchmove' : 'mousemove' 32 | }; 33 | 34 | this.mousedownFn = function(ev) { 35 | self.mdown = true; 36 | var note = self._getNote(ev); 37 | self._play(note, 'on'); 38 | }; 39 | this.el.addEventListener(evs.down, this.mousedownFn); 40 | 41 | this.mouseupFn = function(ev) { 42 | if( !self.mdown ) { 43 | return false; 44 | } 45 | self.mdown = false; 46 | var note = self._getNote(ev); 47 | self._play(note, 'off'); 48 | }; 49 | this.el.addEventListener(evs.up, this.mouseupFn); 50 | 51 | this.mousemoveFn = function(ev) { 52 | if( !self.mdown ) { 53 | return false; 54 | } 55 | requestAnimationFrame(function() { 56 | var note = self._getNote(ev); 57 | if( note != self.currentNote ) { 58 | self._play(self.currentNote, 'off', 0); 59 | self._play(note, 'on'); 60 | } 61 | }); 62 | }; 63 | this.el.addEventListener(evs.move, this.mousemoveFn); 64 | 65 | if( !isMobile ) { 66 | this.mouseleaveFn = function(ev) { 67 | if( self.mdown ) { 68 | self.mdown = false; 69 | self._play(self.currentNote, 'off', 0); 70 | } 71 | }; 72 | this.el.addEventListener('mouseleave', this.mouseleaveFn); 73 | } 74 | }; 75 | 76 | Violin.prototype._getNote = function(ev) { 77 | // Mouse position relative to the document. 78 | var mousepos = getMousePos(ev), 79 | elWidth = this.el.offsetWidth, 80 | // Document scrolls. 81 | docScrolls = {left : document.body.scrollLeft + document.documentElement.scrollLeft, top : document.body.scrollTop + document.documentElement.scrollTop}, 82 | bounds = this.el.getBoundingClientRect(), 83 | // Mouse position relative to the main element (this.DOM.el). 84 | relmousepos = { x : mousepos.x - bounds.left - docScrolls.left, y : mousepos.y - bounds.top - docScrolls.top }, 85 | note = this.notes[Math.floor((this.notesTotal-1)/elWidth*relmousepos.x)]; 86 | 87 | return note; 88 | }; 89 | 90 | Violin.prototype._play = function(note, status, offDelay) { 91 | var channel = 0, 92 | note = parseInt(note) + 21, 93 | delay = 0, 94 | velocity = 127; // how hard the note hits 95 | 96 | MIDI.programChange(0, this.midiCode); 97 | 98 | if( status === 'on' ) { 99 | this.currentNote = note - 21; 100 | MIDI.noteOn(channel, note, velocity, delay); 101 | } 102 | else { 103 | var self = this; 104 | offDelay = offDelay || .1; 105 | MIDI.noteOff(channel, note, offDelay); 106 | } 107 | }; 108 | 109 | window.Violin = Violin; 110 | 111 | })(window); -------------------------------------------------------------------------------- /js/harp.js: -------------------------------------------------------------------------------- 1 | /** 2 | * harp.js 3 | * http://www.codrops.com 4 | * 5 | * Licensed under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 8 | * Copyright 2016, Codrops 9 | * http://www.codrops.com 10 | */ 11 | ;(function(window) { 12 | 13 | /** 14 | * Harp obj. 47 strings (C1, ..., G7). 15 | */ 16 | function Harp(el, options) { 17 | this.el = el; 18 | this.strings = [].slice.call(this.el.querySelectorAll('.harp__string-hover')); 19 | this.midiCode = 46; // Check http://www.ccarh.org/courses/253/handout/gminstruments/ 20 | this._initEvents(); 21 | } 22 | 23 | Harp.prototype._initEvents = function() { 24 | var self = this, 25 | isMobile = mobilecheck(), 26 | evs = { 27 | down: isMobile ? 'touchstart' : 'mousedown', 28 | up: isMobile ? 'touchend' : 'mouseup' 29 | }; 30 | 31 | this.strings.forEach(function(string, pos) { 32 | string.addEventListener(evs.down, function(ev) { 33 | self.mdown = true; 34 | 35 | var note = self._getNote(string, pos); 36 | 37 | if( !isMobile ) { 38 | self.mouseLeaveFn = function(ev) { 39 | self._play(note, 'off'); 40 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 41 | }; 42 | string.addEventListener('mouseleave', self.mouseLeaveFn); 43 | } 44 | 45 | self._play(note, 'on', string); 46 | }); 47 | 48 | string.addEventListener(evs.up, function(ev) { 49 | if( !self.mdown && !isMobile ) { 50 | return false; 51 | } 52 | self.mdown = false; 53 | var note = self._getNote(string, pos); 54 | if( !isMobile ) { 55 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 56 | } 57 | self._play(note, 'off'); 58 | }); 59 | 60 | if( !isMobile ) { 61 | string.addEventListener('mouseenter', function(ev) { 62 | var note = self._getNote(string, pos); 63 | if( !self.mdown || parseInt(note) === self.currentNote ) { 64 | return false; 65 | } 66 | 67 | self.mouseLeaveFn = function(ev) { 68 | self._play(note, 'off'); 69 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 70 | }; 71 | string.addEventListener('mouseleave', self.mouseLeaveFn); 72 | 73 | self._play(note, 'on', string); 74 | }); 75 | } 76 | }); 77 | 78 | if( !isMobile ) { 79 | this.el.addEventListener('mousedown', function(ev) { self.mdown = true; }); 80 | this.el.addEventListener('mouseup', function(ev) { self.mdown = false; }); 81 | this.el.addEventListener('mouseleave', function(ev) { self.mdown = false; }); 82 | } 83 | }; 84 | 85 | Harp.prototype._getNote = function(string) { 86 | return string.getAttribute('note:id'); 87 | }; 88 | 89 | Harp.prototype._play = function(note, status, string) { 90 | var channel = 0, 91 | note = parseInt(note) + 21, 92 | delay = 0, 93 | velocity = 127; // how hard the note hits 94 | 95 | MIDI.programChange(0, this.midiCode); 96 | 97 | if( status === 'on' ) { 98 | this.currentNote = note - 21; 99 | MIDI.noteOn(channel, note, velocity, delay); 100 | anime({ 101 | targets: string.parentNode, 102 | duration: 2600, 103 | easing: 'easeOutElastic', 104 | elasticity: 1000, 105 | translateX: [-1,0] 106 | }); 107 | } 108 | else { 109 | var self = this; 110 | setTimeout(function() {self.currentNote = -1;}, 100); 111 | MIDI.noteOff(channel, note, delay+4); 112 | } 113 | }; 114 | 115 | window.Harp = Harp; 116 | 117 | })(window); -------------------------------------------------------------------------------- /js/inc/shim/WebAudioAPI.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @license ------------------------------------------------------------------- 3 | * module: WebAudioShim - Fix naming issues for WebAudioAPI supports 4 | * src: https://github.com/Dinahmoe/webaudioshim 5 | * author: Dinahmoe AB 6 | * ------------------------------------------------------------------- 7 | * Copyright (c) 2012 DinahMoe AB 8 | * 9 | * Permission is hereby granted, free of charge, to any person 10 | * obtaining a copy of this software and associated documentation 11 | * files (the "Software"), to deal in the Software without 12 | * restriction, including without limitation the rights to use, 13 | * copy, modify, merge, publish, distribute, sublicense, and/or sell 14 | * copies of the Software, and to permit persons to whom the 15 | * Software is furnished to do so, subject to the following 16 | * conditions: 17 | * 18 | * The above copyright notice and this permission notice shall be 19 | * included in all copies or substantial portions of the Software. 20 | * 21 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 22 | * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES 23 | * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 24 | * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 25 | * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 26 | * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 27 | * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 28 | * OTHER DEALINGS IN THE SOFTWARE. 29 | */ 30 | 31 | window.AudioContext = window.AudioContext || window.webkitAudioContext || null; 32 | window.OfflineAudioContext = window.OfflineAudioContext || window.webkitOfflineAudioContext || null; 33 | 34 | (function (Context) { 35 | var isFunction = function (f) { 36 | return Object.prototype.toString.call(f) === "[object Function]" || 37 | Object.prototype.toString.call(f) === "[object AudioContextConstructor]"; 38 | }; 39 | var contextMethods = [ 40 | ["createGainNode", "createGain"], 41 | ["createDelayNode", "createDelay"], 42 | ["createJavaScriptNode", "createScriptProcessor"] 43 | ]; 44 | /// 45 | var proto; 46 | var instance; 47 | var sourceProto; 48 | /// 49 | if (!isFunction(Context)) { 50 | return; 51 | } 52 | instance = new Context(); 53 | if (!instance.destination || !instance.sampleRate) { 54 | return; 55 | } 56 | proto = Context.prototype; 57 | sourceProto = Object.getPrototypeOf(instance.createBufferSource()); 58 | 59 | if (!isFunction(sourceProto.start)) { 60 | if (isFunction(sourceProto.noteOn)) { 61 | sourceProto.start = function (when, offset, duration) { 62 | switch (arguments.length) { 63 | case 0: 64 | throw new Error("Not enough arguments."); 65 | case 1: 66 | this.noteOn(when); 67 | break; 68 | case 2: 69 | if (this.buffer) { 70 | this.noteGrainOn(when, offset, this.buffer.duration - offset); 71 | } else { 72 | throw new Error("Missing AudioBuffer"); 73 | } 74 | break; 75 | case 3: 76 | this.noteGrainOn(when, offset, duration); 77 | } 78 | }; 79 | } 80 | } 81 | 82 | if (!isFunction(sourceProto.noteOn)) { 83 | sourceProto.noteOn = sourceProto.start; 84 | } 85 | 86 | if (!isFunction(sourceProto.noteGrainOn)) { 87 | sourceProto.noteGrainOn = sourceProto.start; 88 | } 89 | 90 | if (!isFunction(sourceProto.stop)) { 91 | sourceProto.stop = sourceProto.noteOff; 92 | } 93 | 94 | if (!isFunction(sourceProto.noteOff)) { 95 | sourceProto.noteOff = sourceProto.stop; 96 | } 97 | 98 | contextMethods.forEach(function (names) { 99 | var name1; 100 | var name2; 101 | while (names.length) { 102 | name1 = names.pop(); 103 | if (isFunction(this[name1])) { 104 | this[names.pop()] = this[name1]; 105 | } else { 106 | name2 = names.pop(); 107 | this[name1] = this[name2]; 108 | } 109 | } 110 | }, proto); 111 | })(window.AudioContext); -------------------------------------------------------------------------------- /css/instruments.css: -------------------------------------------------------------------------------- 1 | 2 | /* Instruments */ 3 | .instrument { 4 | position: absolute; 5 | top: 0; 6 | left: 0; 7 | overflow: hidden; 8 | width: 100%; 9 | height: 100%; 10 | opacity: 1; 11 | transition: opacity 1s; 12 | } 13 | 14 | .instrument--hidden { 15 | opacity: 0; 16 | } 17 | 18 | .instrument > svg { 19 | position: absolute; 20 | top: 0; 21 | left: 0; 22 | width: 100%; 23 | height: 100%; 24 | -webkit-touch-callout: none; 25 | -webkit-user-select: none; 26 | -moz-user-select: none; 27 | -ms-user-select: none; 28 | user-select: none; 29 | } 30 | 31 | /* Piano */ 32 | .piano::after { 33 | content: ''; 34 | position: absolute; 35 | top: 0; 36 | left: 0; 37 | width: 100%; 38 | height: 100%; 39 | pointer-events: none; 40 | background: linear-gradient(180deg, #fff, rgba(255,255,255,0)); 41 | } 42 | 43 | .piano__key--natural { 44 | fill: #fff; 45 | stroke: #e4e4ec; 46 | stroke-width: 0.5px; 47 | } 48 | 49 | .piano__key--natural.piano__key--active { 50 | fill: #f0f0f5; 51 | } 52 | 53 | .piano__key--flat { 54 | fill: #e4e4ec; 55 | } 56 | 57 | .piano__key--flat.piano__key--active { 58 | fill: #fbce41; 59 | } 60 | 61 | /* Guitar */ 62 | .guitar__body { 63 | fill: #cac3b0; 64 | stroke: #b7b09e; 65 | stroke-width: 1px; 66 | } 67 | 68 | .guitar__neck, 69 | .guitar__stringcut { 70 | fill: #b7b09f; 71 | } 72 | 73 | .guitar__middle { 74 | fill: #afa99a; 75 | } 76 | 77 | .guitar__string { 78 | pointer-events: none; 79 | stroke: #e6e3d9; 80 | stroke-width: 1.5px; 81 | } 82 | 83 | .guitar__string-hover { 84 | pointer-events: visible; 85 | fill: none; 86 | } 87 | 88 | /* Kalimba */ 89 | .kalimba__inner { 90 | fill: #ffe3a2; 91 | stroke: #ffc938; 92 | stroke-width: 1px; 93 | } 94 | 95 | /* Big chime */ 96 | .chime__inner { 97 | top: 10%; 98 | left: 10%; 99 | width: 80%; 100 | height: 80%; 101 | } 102 | 103 | .chime--large .chime__pipe { 104 | fill: #b3bfca; 105 | } 106 | 107 | .chime--large .chime__string { 108 | stroke: #91a0ad; 109 | stroke-width: 2px; 110 | } 111 | 112 | /* same tranform origin for tiny and large chime */ 113 | .chime__pipe, 114 | .chime__string { 115 | transform-origin: 50% -20%; 116 | } 117 | 118 | .chime--large .chime__pipe { 119 | pointer-events: visible; 120 | } 121 | 122 | /* Timpani drums */ 123 | .timpani__drum { 124 | pointer-events: visible; 125 | fill: #c1c8e8; 126 | stroke: #3d51b7; 127 | stroke-width: 2px; 128 | } 129 | 130 | .timpani__drum--active { 131 | fill: #b2b8d6; 132 | } 133 | 134 | /* Harp */ 135 | .harp__inner { 136 | min-width: 30em; 137 | } 138 | 139 | .harp__body { 140 | fill: #cc8969; 141 | } 142 | 143 | .harp__string-hover { 144 | pointer-events: visible; 145 | fill: none; 146 | } 147 | 148 | .harp__string { 149 | stroke-width: 2px; 150 | stroke: #fff; 151 | } 152 | 153 | .harp__string--c { 154 | stroke: #e08f8f; 155 | } 156 | 157 | .harp__string--f { 158 | stroke: #959dc3; 159 | } 160 | 161 | /* Xylophone */ 162 | .xylophone__inner { 163 | min-width: 49em; 164 | } 165 | 166 | .xylophone__key { 167 | fill: #efe1ba; 168 | stroke: #d4cbb2; 169 | stroke-width: 1px; 170 | } 171 | 172 | .xylophone__key.xylophone__key--active { 173 | fill: #decc9a; 174 | } 175 | 176 | .xylophone__base { 177 | fill: #c8cc91; 178 | } 179 | 180 | /* Tiny instrument images */ 181 | .tiny-instrument { 182 | padding: 2em; 183 | flex: none; 184 | min-width: 290px; 185 | text-align: center; 186 | display: flex; 187 | justify-content: center; 188 | } 189 | 190 | .tiny-instrument__image { 191 | max-width: 100%; 192 | flex: none; 193 | cursor: pointer; 194 | } 195 | 196 | /* Tiny chime */ 197 | .chime--tiny { 198 | width: 6em; 199 | height: 7em; 200 | display: block; 201 | position: relative; 202 | margin: 0 auto 5em; 203 | } 204 | 205 | .chime__holder, 206 | .chime--tiny .chime__pipe { 207 | fill: #4d61c5; 208 | stroke: none; 209 | } 210 | 211 | .chime--tiny .chime__string { 212 | fill: none; 213 | stroke: #4d61c5; 214 | stroke-width: 1px; 215 | } 216 | 217 | 218 | -------------------------------------------------------------------------------- /js/chimes.js: -------------------------------------------------------------------------------- 1 | /** 2 | * chimes.js 3 | * http://www.codrops.com 4 | * 5 | * Licensed under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 8 | * Copyright 2016, Codrops 9 | * http://www.codrops.com 10 | */ 11 | ;(function(window) { 12 | /** 13 | * Chimes obj. Large Chimes is tuned to (B4 ... B5#) and small to B5, D6, E6, G6flat, B6. 14 | */ 15 | function Chimes(el, options) { 16 | this.el = el; 17 | this.options = extend({}, this.options); 18 | extend(this.options, options); 19 | this.tubes = [].slice.call(this.el.querySelectorAll('.chime__pipe')); 20 | this.midiCode = 14; // Check http://www.ccarh.org/courses/253/handout/gminstruments/ 21 | this._initEvents(); 22 | } 23 | 24 | /** 25 | * Chimes options. 26 | */ 27 | Chimes.prototype.options = { 28 | triggeredOnHover: false 29 | }; 30 | 31 | Chimes.prototype._initEvents = function() { 32 | var self = this, 33 | isMobile = mobilecheck(), 34 | evs = { 35 | down: isMobile ? 'touchstart' : 'mousedown', 36 | up: isMobile ? 'touchend' : 'mouseup' 37 | }; 38 | 39 | this.tubes.forEach(function(tube) { 40 | if( !self.options.triggeredOnHover ) { 41 | tube.addEventListener(evs.down, function(ev) { 42 | var note = self._getNote(tube); 43 | self.mdown = true; 44 | 45 | if( !isMobile ) { 46 | self.mouseLeaveFn = function(ev) { 47 | self._play(note, 'off'); 48 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 49 | }; 50 | tube.addEventListener('mouseleave', self.mouseLeaveFn); 51 | } 52 | 53 | self._play(note, 'on', tube); 54 | }); 55 | 56 | tube.addEventListener(evs.up, function(ev) { 57 | if( !self.mdown && !isMobile ) { 58 | return false; 59 | } 60 | self.mdown = false; 61 | 62 | var note = self._getNote(tube); 63 | if( !isMobile ) { 64 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 65 | } 66 | self._play(note, 'off'); 67 | }); 68 | } 69 | 70 | if( !isMobile ) { 71 | tube.addEventListener('mouseenter', function(ev) { 72 | if( !self.mdown && !self.options.triggeredOnHover ) { 73 | return false; 74 | } 75 | 76 | var note = self._getNote(tube); 77 | self.mouseLeaveFn = function(ev) { 78 | self._play(note, 'off'); 79 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 80 | }; 81 | 82 | tube.addEventListener('mouseleave', self.mouseLeaveFn); 83 | self._play(note, 'on', tube); 84 | }); 85 | } 86 | }); 87 | 88 | if( !isMobile && !self.options.triggeredOnHover ) { 89 | this.el.addEventListener('mousedown', function(ev) { self.mdown = true; }); 90 | this.el.addEventListener('mouseup', function(ev) { self.mdown = false; }); 91 | this.el.addEventListener('mouseleave', function(ev) { self.mdown = false; }); 92 | } 93 | }; 94 | 95 | Chimes.prototype._getNote = function(tube) { 96 | return tube.getAttribute('note:id'); 97 | }; 98 | 99 | Chimes.prototype._play = function(note, status, tube) { 100 | var channel = 0, 101 | note = parseInt(note) + 21, 102 | delay = 0, 103 | velocity = 127; // how hard the note hits 104 | 105 | MIDI.programChange(0, this.midiCode); 106 | 107 | if( status === 'on' ) { 108 | MIDI.noteOn(channel, note, velocity, delay); 109 | 110 | anime({ 111 | targets: tube, 112 | duration: 1500, 113 | easing: 'easeOutElastic', 114 | elasticity: 600, 115 | rotateZ: [-1.7,0] 116 | }); 117 | anime({ 118 | targets: tube.previousElementSibling, 119 | duration: 1500, 120 | easing: 'easeOutElastic', 121 | elasticity: 600, 122 | rotateZ: [-6,0] 123 | }); 124 | } 125 | else { 126 | MIDI.noteOff(channel, note, delay+4); 127 | } 128 | }; 129 | 130 | Chimes.prototype.playSequence = function(sequence) { 131 | sequence = sequence || [74,69,67,65,62]; 132 | var delay = 0; 133 | 134 | for( var i = 0, len = sequence.length; i <= len -1; ++i ) { 135 | MIDI.programChange(0, this.midiCode); 136 | MIDI.noteOn(0, sequence[i]+21, 127, delay); 137 | MIDI.noteOff(0, sequence[i]+21, 127, delay+4); 138 | delay+=.05; 139 | } 140 | }; 141 | 142 | window.Chimes = Chimes; 143 | 144 | })(window); -------------------------------------------------------------------------------- /js/xylophone.js: -------------------------------------------------------------------------------- 1 | /** 2 | * xylophone.js 3 | * http://www.codrops.com 4 | * 5 | * Licensed under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 8 | * Copyright 2016, Codrops 9 | * http://www.codrops.com 10 | */ 11 | ;(function(window) { 12 | 13 | /** 14 | * Xylophone obj. 44 keys (26 natural + 18 flat). 15 | */ 16 | function Xylophone(el) { 17 | this.el = el; 18 | this.keyboard = this.el.querySelector('svg.xylophone__inner'); 19 | this.naturalKeys = [].slice.call(this.keyboard.querySelectorAll('.xylophone__keys--natural > rect')); 20 | this.flatKeys = [].slice.call(this.keyboard.querySelectorAll('.xylophone__keys--flat > rect')); 21 | this.allkeys = this.naturalKeys.concat(this.flatKeys); 22 | this.midiCode = 13; // Check http://www.ccarh.org/courses/253/handout/gminstruments/ 23 | 24 | this._initEvents(); 25 | } 26 | 27 | Xylophone.prototype._initEvents = function() { 28 | var self = this, 29 | isMobile = mobilecheck(), 30 | evs = { 31 | down: isMobile ? 'touchstart' : 'mousedown', 32 | up: isMobile ? 'touchend' : 'mouseup' 33 | }; 34 | 35 | this.allkeys.forEach(function(key) { 36 | key.addEventListener(evs.down, function(ev) { 37 | var note = ev.target.getAttribute('note:id'); 38 | self.mdown = true; 39 | 40 | if( !isMobile ) { 41 | self.mouseLeaveFn = function(ev) { 42 | self._play(note, 'off'); 43 | self._changeKeyStatus(note); 44 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 45 | }; 46 | key.addEventListener('mouseleave', self.mouseLeaveFn); 47 | } 48 | 49 | self._play(note, 'on', key); 50 | self._changeKeyStatus(note); 51 | }); 52 | 53 | key.addEventListener(evs.up, function(ev) { 54 | if( !self.mdown && !isMobile ) { 55 | return false; 56 | } 57 | self.mdown = false; 58 | 59 | var note = ev.target.getAttribute('note:id'); 60 | if( !isMobile ) { 61 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 62 | } 63 | self._play(note, 'off'); 64 | self._changeKeyStatus(note); 65 | }); 66 | 67 | if( !isMobile ) { 68 | key.addEventListener('mouseenter', function(ev) { 69 | if( !self.mdown ) { 70 | return false; 71 | } 72 | 73 | var note = ev.target.getAttribute('note:id'); 74 | 75 | self.mouseLeaveFn = function(ev) { 76 | self._play(note, 'off'); 77 | self._changeKeyStatus(note); 78 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 79 | }; 80 | key.addEventListener('mouseleave', self.mouseLeaveFn); 81 | 82 | self._play(note, 'on', key); 83 | self._changeKeyStatus(note); 84 | }); 85 | } 86 | }); 87 | 88 | if( !isMobile ) { 89 | this.el.addEventListener('mousedown', function(ev) { self.mdown = true; }); 90 | this.el.addEventListener('mouseup', function(ev) { self.mdown = false; }); 91 | this.el.addEventListener('mouseleave', function(ev) { self.mdown = false; }); 92 | } 93 | }; 94 | 95 | Xylophone.prototype._play = function(note, status, key) { 96 | var channel = 0, 97 | note = parseInt(note) + 21, 98 | delay = 0, 99 | velocity = 127; // how hard the note hits 100 | 101 | MIDI.programChange(0, this.midiCode); 102 | 103 | if( status === 'on' ) { 104 | MIDI.noteOn(channel, note, velocity, delay); 105 | 106 | anime({ 107 | targets: key, 108 | duration: 1000, 109 | easing: 'easeOutElastic', 110 | elasticity: 800, 111 | translateX: [1,0] 112 | }); 113 | } 114 | else { 115 | MIDI.noteOff(channel, note, delay+.5); 116 | } 117 | }; 118 | 119 | Xylophone.prototype._getKeyByNote = function(note) { 120 | var keyEl = this.allkeys[0]; 121 | for(var i = 0, len = this.allkeys.length; i <= len-1; ++i) { 122 | if( this.allkeys[i].getAttribute('note:id') == note ) { 123 | keyEl = this.allkeys[i]; 124 | break; 125 | } 126 | } 127 | return keyEl; 128 | }; 129 | 130 | Xylophone.prototype._changeKeyStatus = function(note) { 131 | var keyEl = this._getKeyByNote(note); 132 | if( keyEl.classList.contains('xylophone__key--active') ) { 133 | keyEl.classList.remove('xylophone__key--active'); 134 | } 135 | else { 136 | keyEl.classList.add('xylophone__key--active'); 137 | } 138 | }; 139 | 140 | window.Xylophone = Xylophone; 141 | 142 | })(window); -------------------------------------------------------------------------------- /js/timpani.js: -------------------------------------------------------------------------------- 1 | /** 2 | * timpani.js 3 | * http://www.codrops.com 4 | * 5 | * Licensed under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 8 | * Copyright 2016, Codrops 9 | * http://www.codrops.com 10 | */ 11 | ;(function(window) { 12 | /** 13 | * Timpani (no pedals!) obj. Tuned to F1, A1#, D2, F2 14 | */ 15 | function Timpani(el) { 16 | this.el = el; 17 | this.drums = [].slice.call(this.el.querySelectorAll('.timpani__drum')); 18 | this.midiCode = 47; // Check http://www.ccarh.org/courses/253/handout/gminstruments/ 19 | this._initEvents(); 20 | } 21 | 22 | Timpani.prototype._initEvents = function() { 23 | var self = this; 24 | 25 | var isMobile = mobilecheck(), 26 | evs = { 27 | down: isMobile ? 'touchstart' : 'mousedown', 28 | up: isMobile ? 'touchend' : 'mouseup' 29 | }, 30 | playSequence = function(note, drum) { 31 | self._play(note, 'on'); 32 | 33 | clearTimeout(self.sequencePlaying); 34 | self.sequencePlaying = setTimeout(function() { 35 | playSequence(note, drum); 36 | }, 180); 37 | }; 38 | 39 | this.drums.forEach(function(drum) { 40 | drum.addEventListener(evs.down, function(ev) { 41 | var note = self._getNote(drum); 42 | self.mdown = true; 43 | 44 | if( !isMobile ) { 45 | self.mouseLeaveFn = function(ev) { 46 | clearTimeout(self.sequencePlaying); 47 | self._play(note, 'off'); 48 | self._changeKeyStatus(note); 49 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 50 | }; 51 | drum.addEventListener('mouseleave', self.mouseLeaveFn); 52 | } 53 | 54 | playSequence(note, drum); 55 | self._changeKeyStatus(note); 56 | }); 57 | 58 | drum.addEventListener(evs.up, function(ev) { 59 | if( !self.mdown && !isMobile ) { 60 | return false; 61 | } 62 | self.mdown = false; 63 | clearTimeout(self.sequencePlaying); 64 | 65 | var note = self._getNote(drum); 66 | if( !isMobile ) { 67 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 68 | } 69 | self._play(note, 'off'); 70 | self._changeKeyStatus(note); 71 | }); 72 | 73 | if( !isMobile ) { 74 | drum.addEventListener('mouseenter', function(ev) { 75 | if( !self.mdown ) { 76 | return false; 77 | } 78 | 79 | var note = self._getNote(drum); 80 | self.mouseLeaveFn = function(ev) { 81 | self._play(note, 'off'); 82 | clearTimeout(self.sequencePlaying); 83 | self._changeKeyStatus(note); 84 | this.removeEventListener('mouseleave', self.mouseLeaveFn); 85 | }; 86 | drum.addEventListener('mouseleave', self.mouseLeaveFn); 87 | 88 | playSequence(note, drum); 89 | self._changeKeyStatus(note); 90 | }); 91 | } 92 | }); 93 | 94 | if( !isMobile ) { 95 | this.el.addEventListener('mousedown', function(ev) { self.mdown = true; }); 96 | this.el.addEventListener('mouseup', function(ev) { self.mdown = false; clearTimeout(self.sequencePlaying); }); 97 | this.el.addEventListener('mouseleave', function(ev) { self.mdown = false; clearTimeout(self.sequencePlaying); }); 98 | } 99 | }; 100 | 101 | Timpani.prototype._getNote = function(drum) { 102 | return drum.getAttribute('note:id'); 103 | }; 104 | 105 | Timpani.prototype._play = function(note, status) { 106 | var channel = 0, 107 | note = parseInt(note) + 21, 108 | delay = 0, 109 | velocity = 127; // how hard the note hits 110 | 111 | MIDI.programChange(0, this.midiCode); 112 | 113 | if( status === 'on' ) { 114 | MIDI.noteOn(channel, note, velocity, delay); 115 | } 116 | else { 117 | MIDI.noteOff(channel, note, delay+4); 118 | } 119 | }; 120 | 121 | Timpani.prototype._getDrumByNote = function(note) { 122 | var drumEl = this.drums[0]; 123 | for(var i = 0, len = this.drums.length; i <= len-1; ++i) { 124 | if( this.drums[i].getAttribute('note:id') == note ) { 125 | drumEl = this.drums[i]; 126 | break; 127 | } 128 | } 129 | return drumEl; 130 | }; 131 | 132 | Timpani.prototype._changeKeyStatus = function(note) { 133 | var keyEl = this._getDrumByNote(note); 134 | if( keyEl.classList.contains('timpani__drum--active') ) { 135 | keyEl.classList.remove('timpani__drum--active'); 136 | } 137 | else { 138 | keyEl.classList.add('timpani__drum--active'); 139 | } 140 | }; 141 | 142 | window.Timpani = Timpani; 143 | 144 | })(window); -------------------------------------------------------------------------------- /js/mousetrap.min.js: -------------------------------------------------------------------------------- 1 | /* mousetrap v1.6.0 craig.is/killing/mice */ 2 | (function(r,t,g){function u(a,b,h){a.addEventListener?a.addEventListener(b,h,!1):a.attachEvent("on"+b,h)}function y(a){if("keypress"==a.type){var b=String.fromCharCode(a.which);a.shiftKey||(b=b.toLowerCase());return b}return k[a.which]?k[a.which]:p[a.which]?p[a.which]:String.fromCharCode(a.which).toLowerCase()}function D(a){var b=[];a.shiftKey&&b.push("shift");a.altKey&&b.push("alt");a.ctrlKey&&b.push("ctrl");a.metaKey&&b.push("meta");return b}function v(a){return"shift"==a||"ctrl"==a||"alt"==a|| 3 | "meta"==a}function z(a,b){var h,c,e,g=[];h=a;"+"===h?h=["+"]:(h=h.replace(/\+{2}/g,"+plus"),h=h.split("+"));for(e=0;el||k.hasOwnProperty(l)&&(n[k[l]]=l)}e=n[h]?"keydown":"keypress"}"keypress"==e&&g.length&&(e="keydown");return{key:c,modifiers:g,action:e}}function C(a,b){return null===a||a===t?!1:a===b?!0:C(a.parentNode,b)}function c(a){function b(a){a= 4 | a||{};var b=!1,m;for(m in n)a[m]?b=!0:n[m]=0;b||(w=!1)}function h(a,b,m,f,c,h){var g,e,k=[],l=m.type;if(!d._callbacks[a])return[];"keyup"==l&&v(a)&&(b=[a]);for(g=0;g":".","?":"/","|":"\\"},A={option:"alt",command:"meta","return":"enter", 9 | escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},n;for(g=1;20>g;++g)k[111+g]="f"+g;for(g=0;9>=g;++g)k[g+96]=g;c.prototype.bind=function(a,b,c){a=a instanceof Array?a:[a];this._bindMultiple.call(this,a,b,c);return this};c.prototype.unbind=function(a,b){return this.bind.call(this,a,function(){},b)};c.prototype.trigger=function(a,b){if(this._directMap[a+":"+b])this._directMap[a+":"+b]({},a);return this};c.prototype.reset=function(){this._callbacks={};this._directMap= 10 | {};return this};c.prototype.stopCallback=function(a,b){return-1<(" "+b.className+" ").indexOf(" mousetrap ")||C(b,this.target)?!1:"INPUT"==b.tagName||"SELECT"==b.tagName||"TEXTAREA"==b.tagName||b.isContentEditable};c.prototype.handleKey=function(){return this._handleKey.apply(this,arguments)};c.addKeycodes=function(a){for(var b in a)a.hasOwnProperty(b)&&(k[b]=a[b]);n=null};c.init=function(){var a=c(t),b;for(b in a)"_"!==b.charAt(0)&&(c[b]=function(b){return function(){return a[b].apply(a,arguments)}}(b))}; 11 | c.init();r.Mousetrap=c;"undefined"!==typeof module&&module.exports&&(module.exports=c);"function"===typeof define&&define.amd&&define(function(){return c})}})("undefined"!==typeof window?window:null,"undefined"!==typeof window?document:null); -------------------------------------------------------------------------------- /js/util/dom_request_xhr.js: -------------------------------------------------------------------------------- 1 | /* 2 | ---------------------------------------------------------- 3 | util/Request : 0.1.1 : 2015-03-26 4 | ---------------------------------------------------------- 5 | util.request({ 6 | url: './dir/something.extension', 7 | data: 'test!', 8 | format: 'text', // text | xml | json | binary 9 | responseType: 'text', // arraybuffer | blob | document | json | text 10 | headers: {}, 11 | withCredentials: true, // true | false 12 | /// 13 | onerror: function(evt, percent) { 14 | console.log(evt); 15 | }, 16 | onsuccess: function(evt, responseText) { 17 | console.log(responseText); 18 | }, 19 | onprogress: function(evt, percent) { 20 | percent = Math.round(percent * 100); 21 | loader.create('thread', 'loading... ', percent); 22 | } 23 | }); 24 | */ 25 | 26 | if (typeof MIDI === 'undefined') MIDI = {}; 27 | 28 | (function(root) { 29 | 30 | var util = root.util || (root.util = {}); 31 | 32 | util.request = function(opts, onsuccess, onerror, onprogress) { 'use strict'; 33 | if (typeof opts === 'string') opts = {url: opts}; 34 | /// 35 | var data = opts.data; 36 | var url = opts.url; 37 | var method = opts.method || (opts.data ? 'POST' : 'GET'); 38 | var format = opts.format; 39 | var headers = opts.headers; 40 | var responseType = opts.responseType; 41 | var withCredentials = opts.withCredentials || false; 42 | /// 43 | var onsuccess = onsuccess || opts.onsuccess; 44 | var onerror = onerror || opts.onerror; 45 | var onprogress = onprogress || opts.onprogress; 46 | /// 47 | if (typeof NodeFS !== 'undefined' && root.loc.isLocalUrl(url)) { 48 | NodeFS.readFile(url, 'utf8', function(err, res) { 49 | if (err) { 50 | onerror && onerror(err); 51 | } else { 52 | onsuccess && onsuccess({responseText: res}); 53 | } 54 | }); 55 | return; 56 | } 57 | /// 58 | var xhr = new XMLHttpRequest(); 59 | xhr.open(method, url, true); 60 | /// 61 | if (headers) { 62 | for (var type in headers) { 63 | xhr.setRequestHeader(type, headers[type]); 64 | } 65 | } else if (data) { // set the default headers for POST 66 | xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 67 | } 68 | if (format === 'binary') { //- default to responseType="blob" when supported 69 | if (xhr.overrideMimeType) { 70 | xhr.overrideMimeType('text/plain; charset=x-user-defined'); 71 | } 72 | } 73 | if (responseType) { 74 | xhr.responseType = responseType; 75 | } 76 | if (withCredentials) { 77 | xhr.withCredentials = 'true'; 78 | } 79 | if (onerror && 'onerror' in xhr) { 80 | xhr.onerror = onerror; 81 | } 82 | if (onprogress && xhr.upload && 'onprogress' in xhr.upload) { 83 | if (data) { 84 | xhr.upload.onprogress = function(evt) { 85 | onprogress.call(xhr, evt, event.loaded / event.total); 86 | }; 87 | } else { 88 | xhr.addEventListener('progress', function(evt) { 89 | var totalBytes = 0; 90 | if (evt.lengthComputable) { 91 | totalBytes = evt.total; 92 | } else if (xhr.totalBytes) { 93 | totalBytes = xhr.totalBytes; 94 | } else { 95 | var rawBytes = parseInt(xhr.getResponseHeader('Content-Length-Raw')); 96 | if (isFinite(rawBytes)) { 97 | xhr.totalBytes = totalBytes = rawBytes; 98 | } else { 99 | return; 100 | } 101 | } 102 | onprogress.call(xhr, evt, evt.loaded / totalBytes); 103 | }); 104 | } 105 | } 106 | /// 107 | xhr.onreadystatechange = function(evt) { 108 | if (xhr.readyState === 4) { // The request is complete 109 | if (xhr.status === 200 || // Response OK 110 | xhr.status === 304 || // Not Modified 111 | xhr.status === 308 || // Permanent Redirect 112 | xhr.status === 0 && root.client.cordova // Cordova quirk 113 | ) { 114 | if (onsuccess) { 115 | var res; 116 | if (format === 'xml') { 117 | res = evt.target.responseXML; 118 | } else if (format === 'text') { 119 | res = evt.target.responseText; 120 | } else if (format === 'json') { 121 | try { 122 | res = JSON.parse(evt.target.response); 123 | } catch(err) { 124 | onerror && onerror.call(xhr, evt); 125 | } 126 | } 127 | /// 128 | onsuccess.call(xhr, evt, res); 129 | } 130 | } else { 131 | onerror && onerror.call(xhr, evt); 132 | } 133 | } 134 | }; 135 | xhr.send(data); 136 | return xhr; 137 | }; 138 | 139 | /// NodeJS 140 | if (typeof module !== 'undefined' && module.exports) { 141 | var NodeFS = require('fs'); 142 | XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest; 143 | module.exports = root.util.request; 144 | } 145 | 146 | })(MIDI); -------------------------------------------------------------------------------- /js/midi/plugin.audiotag.js: -------------------------------------------------------------------------------- 1 | /* 2 | ---------------------------------------------------------------------- 3 | AudioTag