DEV Community

Julio Suarez (Juls Schwartz)
Julio Suarez (Juls Schwartz)

Posted on

1 1

WebAPI MIDI en la Web - PoderesSecretosWeb

El objetivo aqui seria: Usar entrada MIDI, tambien salida midi a sintetizadores, emuladores o salidas midi en hardware, poner archivos MIDI como musica de fondo en una experiencia web, pagina, libro en hipertexto, etc.

-Documentación sobre Web MIDI API

Demo en codepen de Web MIDI API, creando un instrumento percusivo en pantalla:

Demo en codepen de un teclado/sintetizador MIDI en pantalla: (No funciona, reparacion en proceso)

Reproduciendo un archivo MIDI como musica de fondo en una experiencia web o APP Web. (No funciona, en proceso de reparación)


Por aca estamos en investigación:

https://www.keithmcmillen.com/blog/making-music-in-the-browser-web-midi-api/

Entrada MIDI: https://webmidijs.org/docs/

https://github.com/cwilso/WebMIDIAPIShim

https://jazz-soft.net/

https://jazz-soft.net/demo/SimplePiano.html

En codepen encontre las siguientes librerias javascript para synthetizadores y MIDI en la web:

audiosynth
xsound
scribbletune
timbre
tone


Ligas relacionadas a la investigación en proceso:

Aqui esta una que se ve bien, el problema para mi, que pongo demos en codepen, es que requiere vincular varias librerias.

https://github.com/mudcube/MIDI.js/

https://www.smashingmagazine.com/2018/03/web-midi-api/

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay