Show HN: Fully Open-Sourced Online MIDI Editor

https://signal.vercel.app/

by ryohey • 6 years ago

93 19 6 years ago

signal.vercel.app

wilsonjohn• 6 years ago

Love this. May I know the tech stack involved in this?

jacobmischka• 6 years ago

The source is published here: https://github.com/ryohey/signal/

Looks like React.

ryohey5• 6 years ago

Thank you.

For your reference

Language: TypeScript UI: React State management: MobX Deploy/Hosting: Vercel

And it uses some browser features. WebAudio is used for audio output. WebGL is used in react-pixi to render many notes faster.

catchmeifyoucan• 6 years ago

This is soo cool!

Can I connect my midi keyboard to this as well?

chocolatkey• 6 years ago

Considering it says "Currently only works on the desktop version of Google Chrome" it seems like that would be a feature

ryohey5• 6 years ago

Not yet. I would like to support it in the future. Thank you!

kennywinker• 6 years ago

it "works" in firefox, but the playback is laggy and weirdly timed. very cool tho!

ryohey5• 6 years ago

Thank you! Timer related behavior may be a problem. I will investigate more.

httgp• 6 years ago

It could be because Firefox reduced time precision to fend off fingerprinting and timing attacks. To turn it on, you’d need to set the Cross-Origin-Opener-Policy to “same-origin” and the Cross-Origin-Embedder-Policy to “require-corp”. Reference — https://developer.mozilla.org/en-US/docs/Web/API/Performance...

nwsm2• 6 years ago

I try to use Firefox on principle, but I find so many sites are slightly or significantly broken in it

natdempk• 6 years ago

This is cool, a nice beginner or general convenience feature might be the ability to highlight some basic scales like major/minor. This would probably get people off the ground writing music that sounds good much quicker.

ryohey5• 6 years ago

Thank you. That's a good idea. I definitely want to implement it.

Kaknut• 6 years ago

It nice! Does it support external peripherals?

ryohey5• 6 years ago

Thank you. I would like to support MIDI input / output in the future. Can you tell me about the equipment you want to use?

oxyboy• 6 years ago

I’d love to be able to use Novation LaunchKey MIDI controllers.

gotadollar• 6 years ago

The latency is horrendous, I use a real-time kernel to make music @3ms< you're never going to get that with a fully streaming application however, you could possibly send bigger chunks of data which interact on the client-side. It's still problematic, but bravo! Valiant effort.

nwsm2• 6 years ago

This entire application is client-side.

wheybags• 6 years ago

The name might be problematic, because of https://www.signal.org/

0xdeadb00f• 6 years ago

Maybe, but I don't think so, it serves a completely different purpose.

Show HN: Fully Open-Sourced Online MIDI Editor

Related Stories