micahscopes / All Around Keyboard
Licence: mit
a web component for piano keyboards
Stars: ✭ 11
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to All Around Keyboard
D3 Audio Spectrum
Spectrum analysis demo using D3 and HTML5 audio
Stars: ✭ 101 (+818.18%)
Mutual labels: music, d3
Key And Pad
🎹 Fun experiment with the Web Audio API 🎶
Stars: ✭ 360 (+3172.73%)
Mutual labels: keyboard, music
Html Midi Player
🎹 Play and display MIDI files on the web
Stars: ✭ 158 (+1336.36%)
Mutual labels: music, web-components
Romplayer
AudioKit Sample Player (ROM Player) - EXS24, Sound Font, Wave Player
Stars: ✭ 445 (+3945.45%)
Mutual labels: keyboard, music
Audiokitsynthone
AudioKit Synth One: Open-Source iOS Synthesizer App
Stars: ✭ 1,258 (+11336.36%)
Mutual labels: keyboard, music
Grafana Sunburst Panel
Sunburst panel plugin for Grafana 3.0+
Stars: ✭ 24 (+118.18%)
Mutual labels: d3
Musicinformationretrieval.com
Instructional notebooks on music information retrieval.
Stars: ✭ 845 (+7581.82%)
Mutual labels: music
Blipkit
C library for creating the beautiful sound of old sound chips
Stars: ✭ 23 (+109.09%)
Mutual labels: music
Fantasy
A music player based exoplayer. exquisite and fluent.
Stars: ✭ 23 (+109.09%)
Mutual labels: music
Treedu
Graphical Disk Usage command for the terminal, using Node.js, d3.js, blessed, and Drawille
Stars: ✭ 10 (-9.09%)
Mutual labels: d3
Rubber Ducky Library For Arduino
An Arduino library that allows you to use a cheap Arduino (Leonardo) as a Rubber Ducky
Stars: ✭ 25 (+127.27%)
Mutual labels: keyboard
Montecarlo
Portfolio simulation running in a OCaml web worker
Stars: ✭ 10 (-9.09%)
Mutual labels: web-components
Alltomp3 App
Download and Convert YouTube, SoundCloud & Spotify in MP3 with full tags (title, artist, genre, cover, lyrics 🔥)
Stars: ✭ 920 (+8263.64%)
Mutual labels: music
Stormplane
✈️《沙漠风暴》是一款基于Android开发的纵版飞行射击游戏,以雷电(Shooting Game)为原型,参考微信打飞机大战,通过自定义的SurfaceView来实现游戏,游戏画面、音乐、战斗特效都不错(附带apk安装包,可直接运行)
Stars: ✭ 938 (+8427.27%)
Mutual labels: music
all-around keyboards
a web component for round pianos
demo
usage:
<script src=".../all-around-keyboard.min.js"></script>
<all-around-keyboard></all-around-keyboard>
You can also customize the keyboard with the following attributes:
<all-around-keyboard notes-in-octave=12
raised-notes="[2,4,7,9,11]"
sweep=270 octaves=2
depth=100 width=500
overlapping=0.75 >
</all-around-keyboard>
Pressing and releasing keys
// select the keyboard
let kb = document.querySelector('all-around-keyboard');
kb.keysPress([2,6,9,11,18])
setTimeout(() => { kb.keysRelease([2,6,9,11,18]) }, 4000);
Lighting and dimming keys
kb.keysLight([2,6,9,11,18])
setTimeout(() => { kb.keysDim([2,6,9,11,18]) }, 4000);
Lighting and dimming notes (pitch classes)
kb.notesLight([2,4,6,7,9,11,1])
setTimeout(() => { kb.notesDim([2,4,6,7,9,11,1]) }, 4000);
https://bl.ocks.org/mbostock/5723d93e4f617b542991
inspired by mbostock's example for d3:Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].