GitXplorerGitXplorer
c

elm-piano

public
6 stars
5 forks
2 issues

Commits

List of commits on branch master.
Unverified
3af15f139fe48b7e1960accdb315b65344d635e7

Delete old compiled examples

ccript0nauta committed 7 years ago
Unverified
d30657a827015a470027301e4bca981105e84fe7

Update Piano docs

ccript0nauta committed 7 years ago
Unverified
b44a4f0086b6c1af217dba4dc933304ca12122f1

Improve basic example

ccript0nauta committed 7 years ago
Unverified
f356a25deefc5defcc25b41094816790ee61e934

Update docs

ccript0nauta committed 7 years ago
Unverified
e65b598a7d3a4973ebd860d7626ebd0ef94266e8

Change initialModel defaults and adapt examples.

ccript0nauta committed 7 years ago
Unverified
75f15968d674225e6040393d091db8a40a00943b

Enable overriding note colors

ccript0nauta committed 7 years ago

README

The README file for this repository.

elm-piano

image

Description

This package exports a simple, optionally interactive piano component for the Elm programming language. You can use it to create music aplications or similar.

The package itself does not handle any sound or other side effect, so the component's only function is only to render an object that looks like a piano and select which key to appear to be pressed. Also it has an experimental, not fully functional interactive mode so the keys the user clicks are markerd as pressed.

If you want to see examples of how to use it to generate sound you should check the example programs that use a MIDI.js port lo do it.

Documentation and examples

The documentation of this package is available on http://package.elm-lang.org/packages/sh4r3m4n/elm-piano/.

Example 1: Show the notes of a MIDI file

Example 2: Interactive keyboard with sound. Has some UI issues.

Credits

The HTML and CSS of the piano is based on michaelmp/js-piano