Show HN: Fully Open-Sourced Online MIDI Editor(signal.vercel.app)

93 pointsby ryoheyvor 6 Jahren19 comments

signal.vercel.app

Show HN: Fully Open-Sourced Online MIDI Editor

https://signal.vercel.app/

19 comments

natdempkvor 6 Jahren

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.

ryoheyvor 6 Jahren

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

kennywinkervor 6 Jahren

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

nwsmvor 6 Jahren

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

ryoheyvor 6 Jahren

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

httgpvor 6 Jahren

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...

gotadollarvor 6 Jahren

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.

nwsmvor 6 Jahren

This entire application is client-side.

wheybagsvor 6 Jahren

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

0xdeadb00fvor 6 Jahren

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

Kaknutvor 6 Jahren

It nice! Does it support external peripherals?

ryoheyvor 6 Jahren

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

oxyboyvor 6 Jahren

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

wilsonjohnvor 6 Jahren

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

jacobmischkavor 6 Jahren

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

Looks like React.

ryoheyvor 6 Jahren

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.

catchmeifyoucanvor 6 Jahren

This is soo cool!

Can I connect my midi keyboard to this as well?

ryoheyvor 6 Jahren

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

chocolatkeyvor 6 Jahren

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