Lmst

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.

Is there a website that lets you build interfaces that send midi? Like sliders, xy pads, knobs for touchscreens? #webmidi #midi

🐍 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

Revisiting some old projects; I feel like I was onto something with Beep.js back in 2015 🎵😎🎹
https://stewartsmith.io/work/beep-js

#BeepJS #music #synth #synthwave #synthesizer #WebAudio #WebAudioAPI #MIDI #WebMIDI #WebMIDIAPI #JS #JavaScript

I set out to publish it this week so I have just done so:
I made a WebMidi Chord Trigger.
https://gerotakke.de/posts/Chord%20Trigger/

Not too happy with the visuals and I still want to record a small video explaining how it works. But I can check that task off my list now.
#musodon #webmidi

NebyooKeys has been improved!

https://piano.neb.host

Opted for a full C0-B8 octave piano, updated much of the CSS, and even added some minor controls to the top.

It still needs pitch and mod MIDI support, as well as many other things, but it should look and work OK on desktop and mobile now.

#nebyookeys #webaudio #webmidi #piano

#webmidi

Client Info