I made a Chordie / Midicoulous Clone with JavaScript | A Tool for Teaching Piano and Music Theory

Поділитися
Вставка
  • Опубліковано 13 жов 2024

КОМЕНТАРІ • 70

  • @sadae101
    @sadae101 2 роки тому +4

    This is a life saver, thank you! I struggled to find any sort of program that played back the notes I had onto my computer and the simplicity is mind-blowing.

    • @MusicandCoding
      @MusicandCoding  2 роки тому +1

      You're welcome! Glad you like it.. Please share the link :)

  • @MikeVidler
    @MikeVidler 9 місяців тому +1

    all good now, midi controller sound now coming through - a very nice appp - thank you !!

  • @tumpperi3891
    @tumpperi3891 Рік тому +1

    Thanks for the hard job. This helped me finding the needed libraries to do this, so I didn't need to start from scratch. For midi input I substituted the original API with webmidijs, howler with tonejs and wrapped everything together with React :)

  • @donnaisa6100
    @donnaisa6100 Рік тому +1

    Thanks a lot for this tool. Very generous of you. And great your enthusiasm.

  • @vertxsecretstash
    @vertxsecretstash День тому

    thank youuuu!!

  • @ianbot
    @ianbot Рік тому +1

    Great stuff, this helps me code my own app

  • @TBb____
    @TBb____ 2 роки тому +3

    Suggestion: maybe a transpose button to convert chord played into the key of our choosing?
    I really like the look of chordie and how it displays the many options for the chord names, I like the way the keys look ok midiculous, and I like how midiculous allows you to use your own vst whereas chordie doesn’t. Pros and cons on both sides. Hoping to find one software that solves all of my problems

  • @frordondanksey1822
    @frordondanksey1822 2 роки тому +1

    I LOVE YOU! Keep doing God's work you angel

  • @zayotot1424
    @zayotot1424 2 роки тому +1

    so great!! I can use it for studing!

  • @TBb____
    @TBb____ 2 роки тому +1

    This is great man! Thanks for sharing! Looking forward to seeing how this grows in the future!

  • @chordai
    @chordai 2 роки тому +1

    Thank you very much for sharing this great piece of work!

    • @MusicandCoding
      @MusicandCoding  2 роки тому +1

      Thanks.. And wow! I saw your app.. It looks amazing. I hope to be able to play around with something like that in the future. I haven't yet tried the app, but I'll give it a go sometime soon :)

    • @chordai
      @chordai 2 роки тому

      @@MusicandCoding Thank you for the encouragement. We put a lot of effort into it! Please feel free to share any feedback with us when you have time to try it :)

  • @abie3705
    @abie3705 2 роки тому

    Thank you very much for putting this up on the browser. I prefer using this over the other apps - simple to look at for my students, minimal to almost no latency.

  • @rikhassing3109
    @rikhassing3109 2 роки тому +2

    Looks really neat! Maybe you could add a feature where you see a chord on the score and you have to play it on the MIDI keyboard. Something like a chord trainer.

    • @MusicandCoding
      @MusicandCoding  2 роки тому +1

      Thanks. That's a good idea.. But maybe for a standalone app instead. Or for a tutorial on VexFlow..

  • @PASHKULI
    @PASHKULI 2 роки тому +1

    Thank you!

  • @unsatura
    @unsatura Рік тому

    great stuff, thank you, will try it out ...

  • @TheAtheistworld
    @TheAtheistworld Рік тому

    Bravo, bro! It also would be great to have it as installable app, especially for older pcs like win Xp.. cause there’s still many people that use win Xp and don’t have internet etc. That would be a great input for humanity. Cheers ❤

  • @RhythmstixMusicForEducation
    @RhythmstixMusicForEducation 2 роки тому +1

    I'd like this app as installable software. It would be great to be able to turn the chord names of so that just the piano can be seen for lessons. Thanks so much!

  • @inang1968
    @inang1968 Рік тому +1

    Thank you. You are a genius! Is there a way to donate?

    • @MusicandCoding
      @MusicandCoding  Рік тому +1

      This comment is a donation within itself ;) Thank you!

    • @inang1968
      @inang1968 Рік тому +1

      @Music and Coding aww I wish you all the best and all the happiness! Ive been using it a lot :)

  • @KevinBrightman
    @KevinBrightman Місяць тому +1

    I like the app and opened in google chrome and using the latest Logic Pro X on the latest IMac. I get sound when typing on the keyboard. I don’t get sound when I use my Yamaha CP4 controller. Can you help me with this problem?

  • @GoGetFletch
    @GoGetFletch Рік тому

    Thank v.much for taking the effort to code and share this App. Would it be possible to integrate in a DAW as a VST?

    • @MusicandCoding
      @MusicandCoding  Рік тому +1

      Not really. But you could just have it running in the background while recording in your DAW. You could just disable the sound in Chord Ace and use another sound in you DAW. It will read the MIDI from your keyboard as long as it's connected to your computer and will not affect how your DAW works.

  • @purpleologist
    @purpleologist 2 роки тому +2

    Love this! Thank you for the hard work!

  • @JAZZ-TRIP
    @JAZZ-TRIP Рік тому

    OMG !!!!!!!!!!!!111 Its awesome! THANKS A LOT!!! P. S. It can not identify Fm7 omit 5 (F G Ab Eb for ex. or just F Ab Eb).... Could it be fixed?)

  • @MichaelHvidtfeldt
    @MichaelHvidtfeldt 2 роки тому

    Super video, Morten 😊

    • @MortenVestergaard1
      @MortenVestergaard1 2 роки тому

      Tak Michael :) Julen er det bedste.. Så har man tid til at lege..

  • @richiehelms
    @richiehelms 2 роки тому

    Thanks mate ! ❤

  • @chrisdeheij4507
    @chrisdeheij4507 2 роки тому +2

    I will be using this for sure! I was wondering if the code for this is open source? I would love to dive a bit deeper and maybe see if I can contribute in some way.

    • @MusicandCoding
      @MusicandCoding  2 роки тому +1

      Thanks Chris. Actually I don't have it on Github, but I can look into it and share it when I get back home (it's in a local repo on my main computer). As I remember it's pretty messy and not something I would be proud of showing to others, haha.. I have been thinking about adding new stuff to it, maybe use a framework (it's vanilla js), and refactor.

  • @VuNguyen-tu1gv
    @VuNguyen-tu1gv Рік тому +1

    Thank you for sharing, The bar of music stave that's around 100 px in height is a little small. I can change its width, but there doesn't seem to be a way to manipulate the height, is there a way to enlarge the stave/clef/bar/notes?. Thank you.

  • @OscarGarcia-dg6is
    @OscarGarcia-dg6is 2 роки тому +1

    Dude you should upload the git link for this repository so people can play with it and make cool stuff from it.

  • @kadarzoltan
    @kadarzoltan Рік тому

    Great content and fabulous tool! Thank you for sharing! WOW
    I would love to have an option to remove the note names, so I have a clean keyboard and use this to drill with students note name recognition on piano, online.
    Correct me If it does have this option/setting somewhere.
    Thank you!

  • @kevinhaynes9091
    @kevinhaynes9091 9 місяців тому +1

    Hi, I've just ordered the Yamaha P-225 digital piano. It supports USB-to-Host Midi. Will I be able to connect my P-225 to my Xperia Android phone and use Chordace? Many thanks...

    • @MusicandCoding
      @MusicandCoding  9 місяців тому +1

      It should work I guess. Let me know how it goes.

  • @officialcarrydiamond
    @officialcarrydiamond 7 місяців тому

    Thank you so much~!

  • @Onnesy
    @Onnesy 2 роки тому

    I like this app! Its great!! is there a way you can sustain notes or use a pedal for sustain?

    • @MusicandCoding
      @MusicandCoding  2 роки тому

      Thanks.. I tried implementing sustain pedal support, but I failed and kind of gave up..

  • @Andrew-dj1wd
    @Andrew-dj1wd 9 місяців тому +1

    Can you display the full music sheet?
    How can we create piano lessons by following a music book such as "Alfred's Basic Adult Piano Course: Lesson Book 1"?
    Would like to use a music book, play keys, the software shows right keys, wrong keys, gives percentage correct, includes a timer, metronome.
    Similar to Simply Piano

    • @MusicandCoding
      @MusicandCoding  9 місяців тому

      ChordAce can't do that but you could probably make something like that. It sounds like a big project, but go for it! :)

    • @Andrew-dj1wd
      @Andrew-dj1wd 9 місяців тому

      @@MusicandCoding Hummm, I'm not a coder/ Was hoping you would consider these features since you asked for suggestions. I'm a beginner at piano.

  • @ernestboakyedanquah3661
    @ernestboakyedanquah3661 2 роки тому

    Grerat app...In deed a real life saver. Can you make the chord naming relative to the key the user set it to. This should make the name prediction more accurate. Thank you

  • @prime9763
    @prime9763 2 роки тому

    Great work! I have a question. How can I use my VST Plugins on Reaper and use this on Google Browser? I tried to choose the OFF option but the Reaper indicates that no MIDI player connected.

  • @vertxsecretstash
    @vertxsecretstash День тому

    is there a reason why some chords don't display?

  • @ismiregalichkochdasjetztso3232

    That is ridiculously useful and has way too few views!

  • @MikeVidler
    @MikeVidler 9 місяців тому

    Very nice app, however I went into chrome & the Chordace site , my midi keyboard is on, but I get no sound when I play the notes- assistance would be really appreciated

  • @emmafamin1403
    @emmafamin1403 11 місяців тому

    Can't get my midi keyboard to work with this... Using Chrome, but nothing happens...

  • @tennesseekoppen4812
    @tennesseekoppen4812 Рік тому

    Does this work for electric guitar plugged into audio interface?

  • @SP-rr4fd
    @SP-rr4fd Рік тому +1

    Could you please send a Java Script sample file just to play a note on

    • @MusicandCoding
      @MusicandCoding  Рік тому

      It's explained in this video: ua-cam.com/video/KRm_GICiPIQ/v-deo.html

    • @SP-rr4fd
      @SP-rr4fd Рік тому

      @@MusicandCoding Oh ok. Thank you Sir

  • @BerlinDnB
    @BerlinDnB 2 роки тому

    Hi !! It looks great but it does not seem to register the input of my midi keyboard (which works as it shows the chord with Midiculous and more generally inputs through MidiView). Is there any option or particular thing to do for ChordAce ? For some reason my device seems to input 2 midi line, maybe ChordAce do not register the right one, is there a way to pick up which input it uses? Thanks for the advice !

    • @MusicandCoding
      @MusicandCoding  2 роки тому +1

      Which browser are you using? Remember it only works with Chrome and Opera..

    • @MusicandCoding
      @MusicandCoding  2 роки тому

      To answer your question, it loops over all connected inputs and adds listeners, so it should pick up all inputs on all connected devices.

    • @BerlinDnB
      @BerlinDnB 2 роки тому +1

      @@MusicandCoding My bad, I was using Firefox. It works flawlessly on Chrome, many thanks !! By the way, as your app is brower based, supposing I manage to connect my keyboard to my android tablet and it is recognized, would it also work?

    • @MusicandCoding
      @MusicandCoding  2 роки тому +1

      @@BerlinDnB Glad you got it to work.. Too bad not all browsers support it yet. Not sure about Android, but I'm guessing it should work - in Chrome at least. Let me know if you manage to connect it and if it works or not :)

  • @cubothecuboid
    @cubothecuboid 6 місяців тому

    it doesnt detect when the note is off :(

  • @alekkurniawan198
    @alekkurniawan198 Рік тому

    Does this work on ipad browser.???

    • @MusicandCoding
      @MusicandCoding  Рік тому

      I don't think so but I haven't checked. You can try to connect a midi keyboard to your iPad, I am not sure if you can just connect it using USB or if you need some sort of device for converting the signal.

  • @Ramaprabhu
    @Ramaprabhu 8 місяців тому

    can I use in OBS ?. Can I use Piano Roll

    • @MusicandCoding
      @MusicandCoding  8 місяців тому

      I don't know what OBS and Piano Roll is, sorry..

  • @paullebon323
    @paullebon323 2 роки тому +4

    Offer it for sale. The guy who makes Chordie is a jerk. And Midiculous is too convoluted.