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/

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

Top comments (0)

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay