Giter Site home page Giter Site logo

Comments (10)

MaximeMaillet avatar MaximeMaillet commented on May 16, 2024 1

timidity for translate .mid to .ogg + EventSource + nodemon and you can set your files with preview in real time.

https://github.com/MaximeMaillet/musicnodejs

Just for play :)

from scribbletune.

Partysun avatar Partysun commented on May 16, 2024

@Technohacker , Do you plan to make the connection between midi devices and this library or make a real time sound generation?

from scribbletune.

walmik avatar walmik commented on May 16, 2024

Another way to look at it is to use Scribbletune in conjunction with another lib that already has the web audio api abstracted away nicely.. for eg. Tone.js which is a pretty robust library already https://github.com/Tonejs/Tone.js

I had tried bringing Scribbletune to the browser with browserify and it worked great! Since Typed Arrays can be used in the browser, I think this should be doable.

The additional work would involve making the midi method in Scribbletune to export binary data (not fix it to a MIDI file) and feed that to something like Tone.js

from scribbletune.

walmik avatar walmik commented on May 16, 2024

I hope its fairly obvious, what @Technohacker has (knowingly or unknowingly) suggested via this thread is the not-so-distant future of music production... where everything is in the browser with real time collaborations from scripters and musicians! Some folks are already doing it.. for instance take a look at Soundation They dont use neither Scribbletune nor Tone.js but they ve put together something pretty impressive! I m sure folks from Ableton, Properllerhead, Cubase etc have already begun experimenting with this thought albeit in stealth mode coz there s no real news about it... If we can create a free open source alternative before them, we can give them a run for their money! :D

from scribbletune.

Technohacker avatar Technohacker commented on May 16, 2024

@walmik @Partysun Yes, I meant music production in the browser. Nice to see progress :D

from scribbletune.

hrgui avatar hrgui commented on May 16, 2024

@walmik how about using MIDI.js?

https://github.com/mudcube/MIDI.js

from scribbletune.

walmik avatar walmik commented on May 16, 2024

Absolutely! I love MIDI.js!

Scribbletune is just a declarative way to make the music part easier (scales, chords, patterns etc). Abstractions to web MIDI & Audio APIs are certainly the bigger & indispensable part of the rails.

from scribbletune.

walmik avatar walmik commented on May 16, 2024

I think we ve established that Scribbletune doesnt need to have direct support for Web Audio. An abstraction of the Web Audio API should be used in conjunction. Same applies for hooking up MIDI devices to the browser. Thanks for your ideas & comments @Technohacker @Partysun @hrgui Closing this issue now :)

from scribbletune.

hrgui avatar hrgui commented on May 16, 2024

for an example of how scribbletunes can be possibly used with Web Audio API, here's an example (keep in mind its very rough):
https://github.com/hrgui/midi-test-playground/blob/master/index.js

also since scribbletunes does have a dependency on fs, in order to use it in webpack i had to do something:
https://github.com/hrgui/midi-test-playground/blob/master/webpack.config.js#L10

from scribbletune.

Technohacker avatar Technohacker commented on May 16, 2024

@walmik Good to hear :)

from scribbletune.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.