Stack Overflow
Stack Overflow

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
1
vote
1 answer

Web midi on Chrome works with local server but not when served in the cloud

I built a website that uses the Chrome web midi interface (based on navigator.requestMidiAccess) that works fine in a local development server, but when pushed to a cloud server fails, saying that navigator.requestMidiAccess is not a function. The…
composerMike
  • 966
  • 1
  • 13
  • 30
1
vote
1 answer

WebMidi.js does not recognize my midi controller

I am trying to use the WebMidi.js library to read inputs from my midi controller. When I try to log the inputs or outputs, it comes up as an empty array. Here is my code: WebMidi.enable(function (err) { if (err) { console.log("WebMidi could not…
Alex Hermstad
  • 330
  • 5
  • 14
1
vote
1 answer

Can't get events from Virtual MIDI Keyboard

I've been trying to understand how to use the Web MIDI API on chrome. I'm trying to follow the information on the MDN docs and I'm able to get information about the Virtual MIDI Piano Keyboard I have installed on my macOS. Using the following code I…
Einar Ólafsson
  • 3,036
  • 1
  • 19
  • 24
1
vote
1 answer

Uncaught ReferenceError: WebMidi is not defined

I'm trying to implement the WebMIDI.js library in my application by following the guide here. I've added the webmidi.min.js file to my index.html page like so: My script.js…
SteamedTans
  • 11
  • 2
1
vote
1 answer

flask html button to call python function

I'm making a web service using Flask. I want to play the midi file in the flask's static folder on the front-end. Below is part of the app.py code. The function I want to run is a function of the python pygame library and this function plays the…
SungEun
  • 41
  • 1
  • 2
  • 6
1
vote
1 answer

How to add an event listener to the notes being played in tone.js

I'm building a small web app powered by Tone.js to train yourself to play the piano in key (and maybe some other exercises along the way). So far, you can pick the root note and scale type and click play and it will loop that scale. There's also a…
erikstagg
  • 79
  • 7
1
vote
0 answers

Why is my Tone.js Transport not running multiple times in a row?

I'm using Tone.js to play some soundtrack and I'm strating the Transport at Angular component loading time: constructor() { this.startTransport(); } private startTransport() { Tone.Transport.stop(); …
Stephane
  • 11,836
  • 25
  • 112
  • 175
1
vote
0 answers

How to parse the MIDI content of an uploaded file?

I'm loading up a file from the browser and I can see its content starts with MThd followed by plenty of garbbled unreadable characters. Now, this is a MIDI .mid file and I'd like to parse it with the Tonejs / midi library. I thus coded the following…
Stephane
  • 11,836
  • 25
  • 112
  • 175
1
vote
2 answers

Using RxJS observables to consider all input MIDI devices

I have a method that handles incoming MIDI messages just fine. It listen on ALL input devices, and not just on the first one. I would like to write it using RxJS observables. Here is the working (non RxJS observables) one: public initMidiInputBis()…
Stephane
  • 11,836
  • 25
  • 112
  • 175
1
vote
0 answers

misunderstanding and questions around arrays and key pressed functions

My aim is to hook up a midi device to my computer to create and manipulate shapes in p5.js. I'm still learning code so have a few questions regarding arrays and keys. Is there a way to say if any of the values in noteC, noteE and noteG are…
2242
  • 21
  • 1
1
vote
1 answer

Playing and Manipulating MIDI in React

I need to be able to play MIDI files in a React app and also manipulate certain things like tempo, channels, instruments, transposition, etc. (Changing the tempo and activating/deactivating certain channels are probably the only hard requirement…
dieuwe
  • 82
  • 1
  • 9
1
vote
0 answers

Web midi/audio: Why is onmidimessage not firing?

I am using the following code with cotejp's webmidi library to detect midi input events: WebMidi.enable(() => { WebMidi.inputs.forEach((input) => { input.addListener('noteon', 'all', (e)=>keys.noteOn(e)); …
Hello World
  • 1,102
  • 2
  • 15
  • 33
1
vote
1 answer

Is it possible to programmatically create a Virtual MIDI device via Chrome?

I would like to find or create a function that creates a Virtual MIDI device from Chrome. This way I would find this Virtual MIDI Device/Port in my favorite DAW or else. Is it possible in javascript or do I need to develop a plugin for that?
JSmith
  • 4,519
  • 4
  • 29
  • 45
1
vote
1 answer

Is it possible to use SysEx messages in WebMidi on Cordova Android?

I'm trying to port a web application to a native Android application using Cordova. It's fairly simple, primarily just sending Midi messages to a connected device. I know the WebMidi API is only supported on recent versions of Webkit on Android, and…
Paul Gregory
  • 11
  • 3
1
vote
1 answer

get input stream from other driver? Graphical tablet driver, output Midi to use with Web Midi API

I have 0 experience with writing drivers. before I commit to more learning about this subject, I need to ask if my idea is possible to implement (feasible?), if it's worth it, or if there's a better way. is there a way to get the Graphical tablet…
Wis
  • 484
  • 7
  • 22
1 2
3
4 5 6