{"id":18882292,"url":"https://github.com/otto-aa/midiplayer","last_synced_at":"2025-07-05T14:38:17.541Z","repository":{"id":97951403,"uuid":"110334833","full_name":"Otto-AA/MidiPlayer","owner":"Otto-AA","description":"Providing a simple interface to read and visualize midi files with javascript","archived":false,"fork":false,"pushed_at":"2017-11-19T22:05:37.000Z","size":149,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-14T20:41:20.201Z","etag":null,"topics":["javascript-library","midi","visualization"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Otto-AA.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2017-11-11T09:53:15.000Z","updated_at":"2022-10-13T12:33:48.000Z","dependencies_parsed_at":"2023-03-22T00:04:30.262Z","dependency_job_id":null,"html_url":"https://github.com/Otto-AA/MidiPlayer","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Otto-AA/MidiPlayer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Otto-AA%2FMidiPlayer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Otto-AA%2FMidiPlayer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Otto-AA%2FMidiPlayer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Otto-AA%2FMidiPlayer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Otto-AA","download_url":"https://codeload.github.com/Otto-AA/MidiPlayer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Otto-AA%2FMidiPlayer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263756381,"owners_count":23506515,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript-library","midi","visualization"],"created_at":"2024-11-08T06:55:12.978Z","updated_at":"2025-07-05T14:38:17.526Z","avatar_url":"https://github.com/Otto-AA.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MidiPlayer\nProviding a simple interface to read and visualize midi files with javascript. It is based on [jasmid](https://github.com/gasman/jasmid) by [gasman](https://github.com/gasman). \n\nOther resources you might want to use in combination with this MidiPlayer are listed [here](#additional-resources). If you feel like some functionality is missing, you can create a feature request in the [issues section](https://github.com/Otto-AA/MidiPlayer/issues) and I will try to answer as soon as possible.\n\n# Basic Example\nThis example demonstrates the basic usage of MidiPlayer. You can also view a [complete example](./examples/basic.html) and its [live demo](https://htmlpreview.github.io/?https://github.com/Otto-AA/MidiPlayer/blob/master/examples/basic.html)\n```javascript\nvar player = new MidiPlayer();\nplayer.addCallback('noteOn', function (event) {/* handle noteOn event */});\nplayer.addCallback('noteOff', function (event) {/* handle noteOff event */});\nplayer.loadFromRelativeUrl('./test.mid')\n    .then(function() { player.play(); });\n```\n\n# Tutorial and Documentation\nFor **MidiPlayer.js** aswell as **MidiParser.js**\n- [Tutorials](./tutorials)\n- [Documentations](./docs)\n- [Examples](./examples)\n\n\n# Browser Support\n\n|![Chrome](https://github.com/alrra/browser-logos/raw/master/src/chrome/chrome_48x48.png) | ![Firefox](https://github.com/alrra/browser-logos/raw/master/src/firefox/firefox_48x48.png) | ![Edge](https://github.com/alrra/browser-logos/raw/master/src/edge/edge_48x48.png) | ![Opera](https://github.com/alrra/browser-logos/raw/master/src/opera/opera_48x48.png) | ![Safari](https://github.com/alrra/browser-logos/raw/master/src/safari/safari_48x48.png) |\n|---------|-----------|----------|--------------|--------------|\n|Latest ✔ | Latest ✔ | Latest ✔ | *Not Tested* | *Not Tested* |\n\nFeel free to contribute to this list, especially if you can provide info about older versions of the browsers :)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fotto-aa%2Fmidiplayer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fotto-aa%2Fmidiplayer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fotto-aa%2Fmidiplayer/lists"}