WeAreROLI / mpejs

Next generation MIDI for the web
http://mpe.js.org
Other
172 stars 17 forks source link

Examples? #45

Open kexoth opened 7 years ago

kexoth commented 7 years ago

I'm no expert in this field, I have no background with MIDI & some examples would be useful to see the capabilities 🙇

Thanks!

khoin commented 7 years ago

It would be easy to show examples using the Web Audio API. I'll contribute as soon as I get my hands on the Roli Seaboard Block and if there is still no examples ;)

odub commented 7 years ago

@khoin Looking forward to seeing how you get on :)

@kexoth Is there anything specific you'd like to see? I have some thoughts about ways to explain the library to newcomers, but want to get a feel for what level you think this needs approaching at. For example, do you think a complete example involving UI, Web Audio, Web MIDI etc. would be understandable and useful to learn from, or would you rather see smaller explanations approaching each separately? A lot of bigger frameworks and libraries seem to have both, which suggests that maybe each has value to a different audience.

manifestinteractive commented 7 years ago

@kexoth I made a project using this mpe.js library and hope others can make use of it:

https://github.com/briosum/mpe-player

If you have a Lightpad or Seaboard BLOCK, and are using a modern desktop browser, you can actually play with it live here: https://briosum.com/lab/mpe-player/

Would love to make that project more helpful if anyone has feedback.

khoin commented 7 years ago

I don't have any ROLI products to test out right now. (Looking into getting one when the Seaboard Block is out). But note that if you're using Firefox, MIDI is not enabled by default. I think you have to enable a flag for it.

On Sat, Aug 5, 2017, 02:01 Peter Schmalfeldt notifications@github.com wrote:

@kexoth https://github.com/kexoth I made a project using this mpe.js library and hope others can make use of it:

https://github.com/briosum/mpe-player

If you have a Lightpad or Seaboard BLOCK, and are using a modern desktop browser, you can actually play with it live here: https://briosum.com/lab/mpe-player/

Would love to make that project more helpful if anyone has feedback.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/WeAreROLI/mpejs/issues/45#issuecomment-320431950, or mute the thread https://github.com/notifications/unsubscribe-auth/AEaAb6VJ57fv1lKurPshhU2EfpVx3uZDks5sVC9vgaJpZM4ODmyt .

odub commented 7 years ago

@manifestinteractive Seems like stunning work even just from looking at the gifs on the repo! Looking forward to digging in on Monday with some real devices. :)

manifestinteractive commented 7 years ago

@odub Just pushed up some bug fixes after testing it on a few different computers / browsers. I love making this kind of stuff. Thanks for the kind words, I make web / mobile apps for a living and probably get a little too into what I make, a dream job would totally be making apps like this for a living. I love web audio ;)

I was also looking for an example on how to use mpe.js for a web app, and since I did not see any code I could just quickly grab, I figured why not make one myself and see if it might help others. Oscillators can probably use some cleaning up. I also totally ran into some weird edge cases to with how to render the notes that I would LOVE to pick someones brain on ( mainly figuring out stuff like what Grid Size & Base Notes for Lightpad, and maybe current octave for Seaboard ... ran into issues there with 12 note octave with 24 key input, shifting one octave offsets the input rendering in the browser ).

Anyway, certainly do not want to hijack this issue more than I have.

symdeb commented 6 years ago

sudo apt install npm => ok

Then:

npm install --save mpe

npm WARN saveError ENOENT: no such file or directory, open '/home/user/package.json' /home/user └─┬ mpe@1.0.4 └─┬ redux@3.5.2 ├── lodash@4.17.4 ├── lodash-es@4.17.4 ├─┬ loose-envify@1.3.1 │ └── js-tokens@3.0.2 └── symbol-observable@0.2.4

npm WARN enoent ENOENT: no such file or directory, open '/home/user/package.json' npm WARN user No description npm WARN user No repository field. npm WARN user No README data npm WARN user No license field. user@H3U1:~$ npm install --save mpe npm WARN saveError ENOENT: no such file or directory, open '/home/user/package.json' npm WARN enoent ENOENT: no such file or directory, open '/home/user/package.json' npm WARN user No description npm WARN user No repository field. npm WARN user No README data npm WARN user No license field.

https://briosum.com/lab/mpe-player/

results in black screen with only the Roil and github logo

odub commented 6 years ago

Hi @happydebugging. It seems like your best step would be to check out some docs/tutorials about npm if you're new to using a package manager and keen to. The error messages and warnings are correct. You're giving a command to add mpe as a project dependency outside of a project with an npm configuration.