musipedia.org// ?
Deutsch  English  Français  中文 
 

Logging in is required for posting.

Special forum features: inserting music notation, posting audio recordings.

All Categories > Musipedia > Musipedia Features > MIDI Piano support in modern browsers
Total Posts: 2 - Pages (1): [1]
user picture  Author: rt
Posted: Jan 14 2017 - 09:47 PM
Subject: re: MIDI Piano support in modern browsers
this is awesome, thanks!

I will not be able to check this out today or tomorrow, but next week!

Rainer
follow Author: mihi
Posted: Jan 14 2017 - 09:22 PM
go Subject: MIDI Piano support in modern browsers
Modern browsers (like Google Chrome) have stopped supporting Java Applets, therefore MIDI search (via MIDI piano) does not work there any more. And in other browsers there are too many clicks required to start unsigned Java Applets, so it is a nuisance.


On the other hand, modern browsers (like Chrome 43 or newer) support access to MIDI instruments via Web MIDI API.

I have ported the applet to JavaScript and uploaded it here:

https://gist.github.com/schierlm/d4107669375f4c6c2f1ed2883e1eebf3

There is also a live preview link you can use for testing (which links back to Musipedia so it can be used for real searches).


Perhaps you want to incorporate it to the musipedia page somewhere :-)
Total Posts: 2 - Pages (1): [1]
You must login to post a message to this conference.

How to insert music:

Add a bit of sheet music, along with a MIDI file, simply by entering note names in Lilypond syntax between the [L] and [/L] tags.
For example, you can try what happens if you enter: [l]g'4 g'4 d''4 d''4 e''4 e''4 d''2[/l] (use the Preview function if you don't actually want to post this).
You can create these lists of note names by clicking on piano keys here.

How to post an audio recording:

If you just want to sing, whistle, or play a melody so that other forum visitors can hear it, follow these steps:

  1. Record your audio here.
  2. You should notice a 32-character hash code, something like: 2a40281c5001c5a7d8c9f57fcdeccfaf
  3. copy this hash code and paste it into a forum post, enclosed in the audio tags, for example: [audio]2a40281c5001c5a7d8c9f57fcdeccfaf[/audio]

How to mark a thread as solved:

If the original question in a thread is solved, please mark it as solved using the "solved" icon (or by just typing [solved] into your post). This makes life easier for people who are willing to identify melodies, since unsolved problems are easier to spot that way. If a problem turns out to not be solved after all, just write [/solved] in a new post, and the thread will be labeled accordingly.