Lmst

AA (@measure_plan)

Web MIDI API로 피아노의 키 입력(노트, 서스테인, 벨로시티)을 읽어 세부 데이터를 threejs 장면에서 시각화하고 있다는 설명. 이 프로젝트를 DDR 스타일 리듬 게임(기타 프로젝트 유사)으로 확장하려는 계획을 밝힘.

https://x.com/measure_plan/status/2016535076511551729

#webmidi #threejs #midi #gamedev #rhythmgame

Found a very nice #WebMIDI monitor: www.midimonitor.com - logs #MIDI messages, handy for debugging on stations where you can't install software.

🎹 So, Chris spent weeks engineering a #WebMIDI #sequencer that works with, drumroll please... zero browsers! 🥁 It’s like the tech equivalent of building a Ferrari without wheels—at least it looks pretty in your garage, right? 🚗💨
https://www.simplychris.ai/droplets #TechInnovation #Browserless #Creativity #HackerNews #ngated

I built a WebMIDI sequencer to control my hardware synths

https://www.simplychris.ai/droplets

#HackerNews #WebMIDI #HardwareSynths #MusicProduction #Synthesizer #TechInnovation

About to release this JavaScript library 📚

It's a clock/scheduler which schedules notes for Web MIDI or Web Audio.

It can drive a MIDI clock 100% accurately, just like professional software such as Logic Pro or Ableton can do.

There’s no slowdown or drift as it uses an Audio Worklet to schedule using the audio thread 🧵

#webmidi #webaudio #worklet #javascript #opensource #deadon

Screenshot of a README.md preview.

The text in the image reads:

DeadOn
DeadOn is a lightweight, precision-timing library for web applications. Leveraging the
AudioWorklet API, it delivers sample-accurate clock ticks at a configurable pulses-per-quarter-note resolution.
With DeadOn, you get a unified timebase for scheduling Web Audio and Web MIDI events, ensuring consistent timing even under heavy load.

Table of Contents

* Why DeadOn?

* Getting Started

* Main Concepts

* Using audioTime

We're delighted that our very own @katiefenn will be taking to the @heypresents stage in a couple of weeks! With "Around the wwworld: Web MIDI, Web AUDIO and what the web does best"

We saw a preview at a previous @FrontEndSheff, it's _totally awesome_!

https://heypresents.com/talks/around-the-wwworld-web-midi-web-audio-and-what-the-web-does-best

#Leeds #WebTech #WebMIDI #WebAudio

Ok, so I know this is a long shot, but like... Do I happen to know someone who might know someone with a working knowledge of WebMidi? anyone? Probably not, but I have to give it a shot... I could really use some assistance with a new Acheron feature I'm trying to implement... #midi #WebMidi #acheron #Node #electron

I've build a Web MIDI powered app to control Steinberg UR44 audio interfaces, More on the "Why?" in the repo.
I set myself the challenge to do it without build step. Ended up using plain JavaScript, custom elements (no shadow DOM) and lit-html.

https://github.com/polyrainbow/steinmixer

#midi #audio #webmidi #lit #webdev

Screenshot of Steinmixer: A mixer app in a browser window, featuring several channel strips for analog input, DAW and master channel.

Wrote a smol Midi record/replay tool https://pl4n3.github.io/sound/mid/TestMidi.htm 🎹#webmidi #webaudio #webshare

Counting to 16 using some p5js magic plus webMIDI with Carla and Helm on Linux 🤓
.
.
.
.
.
.
#p5js #webmidi #carla #helm #helmsynth #linux #archlinux #firefox #kdenlive

State of the Browser 2024 is 1 month away.

https://2024.stateofthebrowser.com/

Tell everyone.

#SotB2024 #WebComponents #WebMidi #A11y #Aria #AssistiveTechnology #FluidTypography #WebEcosytstem #Funding #HTML #W3C #OWA #OpenWebAdvocacy

We have 2 more speaker to announce for this year's State of the Browser but you're going to have to wait to hear about those.
https://2024.stateofthebrowser.com/speakers/
#SotB2024
#WebComponents
#WebMidi #WebAudio
#FluidTypography #FluidLayout #FluidSpacing
#Browsers #Funding
#A11y #accessibility
@DavidDarnes
@katiefenn
@Richr
@seaotta
@SteveFaulkner

hm. #webmidi detects my device, but input / output doesn't work

Heute im Livestream:
wir schauen uns die nächste Browser API an.
Web MIDI.
Wir steuern mein #line6 #HXStomp mit dem Browser.
komm dazu, stell deine Fragen, hilf mir, hab Spass.

Los geht es um 20:00
https://webdave.tv

#livestreaming #WebMIDIAPI #MIDI #WebMIDI

Prophet im Browser, Hardware-Techno und mehr: Synthesizer-Journal https://www.gearnews.de/prophet-im-browser-hardware-techno-und-mehr-synthesizer-journal/ #Software-Synthesizer #Synthesizer-Journal #Karplus-Strong #BasslineDB-01 #PerkonsHD-01 #AbletonLive #Mimeophon #Kolumnen #Eurorack #Prophet5 #Software #ZenDelay #Browser #LiveSet #Modular #Prophet #WebMIDI #0-Ctrl #CMajor #Filter #Pro-53 #Pro-54 #SH-101 #Techno #Video #QPAS

DINOctopus my #midi / #usb router based on a #rp2040 now has support for configuration via #WebMidi using #SysEX

A screenshot of the web interface to configure DINoctopus (could be hosted locally and even on a Pico-W itself with wireless probably if you are into that).
It shows DINOctopus as a title,
a device selection drop down that says "Selected device: DINoctopus: DINoctopus MIDI 1 24:0)

Below there is a matrix with columns and rows saying MIDI 1, 2, 3, 4, 5
and checkboxes showing which midi input is sent to which midi output.
Below are 4 buttons: Dump, Send, Load and Save.
And a status bar saying : Last status:.

Another thing learned from local #rustlang meet up. There is one really useful sounding application for #Rust #embedded #USB stack: #firmware updates from web browser.

Some audio hardware uses #WebMIDI for this but this would widen the scope.

I'm not sure tho how the access would be provided to the device if the USB stack was compiled in wasm.

🐍 running in browser, talking to AKAI APC Mini Mk2 (this one https://www.akaipro.com/apc-mini-mk2)

real tiny wrapper lib coming soon
(just a proof of concept, the snake code is like 30 lines of code)

#midi #webMIDI #javascript

#webmidi

Client Info