https://github.com/ttys026/midi-canvas

https://github.com/ttys026/midi-canvas

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ttys026/midi-canvas
• Owner: ttys026
• Created: 2024-03-19T06:59:01.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-27T02:23:05.000Z (about 2 years ago)
• Last Synced: 2025-08-13T22:34:42.608Z (10 months ago)
• Language: TypeScript
• Size: 75.2 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Midi Canvas

### install

```bash

npm i --save midi-canvas

```

### usage

```javascript

midi.current = new MidiCanvas({

  midis: [{ src: "base64" }],

  audio: "url",

  width: "100%",

  height: 150,

  container: document.body,

});

midi.current.audio.ontimeupdate = () => {

  const time = midi.current?.audio?.currentTime || 0;

  setProgress(time);

};

midi.current.audio.onplay = () => setPlaying(true);

midi.current.audio.onpause = () => setPlaying(false);

midi.current.audio.play();

```