Questions tagged [web-midi]

The Web MIDI API allows web applications to use MIDI input and output devices on the client system. Web applications will be able to send and receive MIDI messages. It is intended to enable non-music MIDI applications as well as music ones.

The Web MIDI API allows web applications to use MIDI input and output devices on the client system. Web applications will be able to send and receive MIDI messages. It is intended to enable non-music MIDI applications as well as music ones.

79 questions
3
votes
3 answers

MIDI Javascript: how to generate a single MIDI note in javascript without libraries?

I've been reading the documentation about Web Midi API and I tried to look at different websites about the topic. Is there a way of playing a midi sound without using fancy libraries and stuff? Let's say I just want to generate a single note: how do…
Scott Januar
  • 41
  • 1
  • 2
2
votes
2 answers

Accessing a USB Midi device via the web

I'm trying to figure out if it's possible to access a Midi device (like a piano/keyboard or electronic drum set) that is plugged into to a clients USB port over the web. Obviously the browser security model makes this impossible using just…
JoshReedSchramm
  • 2,751
  • 1
  • 27
  • 45
2
votes
1 answer

How to convert Midi file variables to millisecond timestamps in javascript

I currently have a midi file parsed into a JSON object. Below is an image of the midi object in my browser console. My goal is to take this data (marked in red) and convert each item in the list to timestamps in milliseconds. From my research, I…
Adebowale
  • 23
  • 3
2
votes
0 answers

Force Android tablet into MIDI USB mode

I'm using an Android (Huewei) tablet to control a digital music synthesiser over USB using HTML/Javascript on the Chrome browser with the webmidi extensions. This works fine but I have to open the Settings panel and set the USB port to MIDI before…
Mike Bryant
  • 310
  • 2
  • 12
2
votes
1 answer

How to get web midi output controller to work?

So I have a midi controller connected to my machine, and I have it playing successfully with Logic Pro X on a mac. I'm trying with Web Midi API to send a note to this midi controller, as an output device with the hope that it'll trigger the midi…
Shai UI
  • 50,568
  • 73
  • 204
  • 309
2
votes
1 answer

Library to Detect Midi-piano Keyboard Events in the Browser with JavaScript

I would like to plug a midi piano keyboard into my computer's USB port, and respond to the key events by displaying something in the browser. Does anyone know of a library that will allow JavaScript to interact with USB midi keyboard events in the…
Maiya
  • 932
  • 2
  • 10
  • 26
2
votes
1 answer

Webmidi js does not play a sound on browser

Hey I am using the webmidi js library to play midi music on click on the browser. https://www.npmjs.com/package/webmidi I am using a very basic example from the library. Even though it seems that the connection works I can not here…
Potney Switters
  • 2,902
  • 4
  • 33
  • 51
2
votes
1 answer

Multiple oscillators screech, gain has no effect in WebAudio

I'm building a simple synthesizer with WebMIDI control. The gain node has no effect on the oscillator, it's at full volume the entire time. Also when I play chords the frequencies are correct but there is a wobbling and screeching effect. The…
MBR-6161
  • 145
  • 1
  • 4
2
votes
1 answer

Can one make a virtual midi device with the web midi api?

The web MIDI API currently allows developers to access MIDI devices and send events to them. This means we can create a webpage that sends MIDI messages to and from MIDI devices of our choosing. I'm looking to create three types of pages: virtual…
uber5001
  • 3,864
  • 4
  • 23
  • 44
2
votes
1 answer

type error when calling "send" on MidiOutput proxy

Apparently there's is a problem with the method navigator.requestMIDIAccess() in dart. https://code.google.com/p/dart/issues/detail?id=21805 So I tried the workaround using javascript proxies. Listing the midi ports on the console is no…
2
votes
5 answers

Browsers in 2013 with Web MIDI API?

Does anybody knows if there's a browser whith Web MIDI support? ... I've tried the samples on http://webaudio.github.io/web-midi-api/ but they throw me an error that my navigator has not such properties. Im working on google-chrome and firefox. If,…
gines capote
  • 1,110
  • 1
  • 8
  • 12
1
vote
1 answer

Make Web MIDI API listen to a specific channel

I am making a proyect where I'm using the web MIDI API and a loopback MIDI port, but I want to know if there is any way tomakeit listen to different channel other than the first? Here is my code: var notes=[] navigator.requestMIDIAccess() …
1
vote
0 answers

How to select a MIDI input device from a list of available MIDI inputs using Web MIDI?

I am trying to build a web page where I can play the tones using a Bluetooth MIDI controller. I intend to use up to 4 different controllers at once but select only one at a time using the dropdown that lists all the available input MIDI controllers.…
1
vote
1 answer

How to use NodeJS package in Flutter web app

I have a Flutter web app that needs to be able to create a virtual midi device. For this, the only option seems to be to use the easymidi NodeJS package. What is the best way of connecting a NodeJS script to a flutter app?
JakesMD
  • 1,646
  • 2
  • 15
  • 35
1
vote
1 answer

How to integrate Web MIDI API with React frontend and Django backend

I'm fairly new to Django and React but have a good grasp of Python and JavaScript. What I'm trying to do is use the Web MIDI API to monitor some MIDI data, extrapolate some information from it and store that in a database. It's basically for a DAW,…
jbflow
  • 578
  • 2
  • 16