Musical Studio - Compose and Share Music on the Web!
ArpanDhatt (152)

This is Musical Studio, an online platform that enables you to create your own music.

Features

  • 6 instruments
  • Individually adjustable volumes for instruments
  • 24 different pitches
  • Variable note sizes
  • Multiple input methods: keyboard bindings and note-board
  • Mix and overlay notes and instruments to make your own unique music
  • Import/export capabilities using an encoded format
  • Move forwards, backwards, or to the beginning using buttons
  • Play/Pause the music at any time
  • Intuitive user interface
  • Modern aesthetic
  • Pleasing Animations
  • DARK THEME!!

QuickStart

  • Use either keyboard binding below or the buttons in the note-board to add notes
  • Click the notes to delete them
  • Use the mouse wheel or scroll gestures(up/down or left/right) on a trackpad
  • For more info, check out the two images we have below!
  • Open this in its own tab for the best experience!

Credits

  • First off, repl.it for being such an easy-to-use environment. Forking between ourselves to make changes was awesome(we think multiplayer has a little ways to go). We both agree that it was really nice to just be able to open the editor anywhere with no manual file sync.
  • Group Members: @ArpanDhatt and @SaakethChennaia
  • We used Materialize CSS to give the intended theme to our app. We also used their features like grid and waves effect.
  • We used ToneJS to manage the instrument audio
    The instruments and wrappers around them are from github.com/nbrosowsky/tonejs-instruments
  • SVGjs to create the timeline, which is made completely from SVGs.
  • The Demo Score: The demo score is from “How to Train Your Dragon”, composed by John Powell. @ArpanDhatt arranged an abridged version with multiple instruments.

Known Issues

  • It can time a little long to load sometimes. Don’t worry, it will be faster next time!
  • If you leave the tab for a while and go back, the audio might not start immediately.
  • Holding the left/right arrow buttons on the UI doesn’t work. We’re working on it!
    Javascript code base is a disaster zone

Some Improvements Still Need To Be Made

  • Issue #3!
  • More Instruments!!!
  • A better way to play the music. Right now it does it very inefficiently, although our computers now days can handle it(tested on 3rd gen Intel i5).
  • Pressing multiple keys at once

We hope you all have fun playing with it! If you think it's cool, click that upvote button! If you have any questions, We'd love to answer them!


Copy this demo song and paste it in the load dialog!
0,0.25,D4,cello|0.25,0.25,A3,cello|0.5,0.25,D4,cello|0.75,0.25,E4,cello|1,0.25,C#4,cello|1.25,0.25,A3,cello|1.5,0.25,C#4,cello|1.75,0.25,D4,cello|2.25,0.25,A3,cello|2.5,0.25,A3,cello|2.75,0.25,G3,cello|3,0.25,G3,cello|3.25,0.25,F#3,cello|3.5,0.25,E3,cello|3.75,0.25,D3,cello|4,0.25,D4,cello|4,0.25,F#3,cello|4.5,0.25,D4,cello|4.25,0.25,A3,cello|4.75,0.25,E4,cello|5,0.25,C#4,cello|5.25,0.25,A3,cello|5.75,0.25,D4,cello|6.25,0.125,A3,cello|6.5,0.125,A3,cello|6.75,0.25,F#3,cello|7,0.25,G3,cello|7.25,0.25,F#3,cello|7.5,0.25,E3,cello|7.75,0.25,D3,cello|8,0.25,D4,cello|8,0.25,F#3,cello|8.5,0.25,D4,cello|8.75,0.25,E4,cello|9,0.25,C#4,cello|9.25,0.25,A3,cello|9.5,0.25,C#4,cello|9.75,0.25,D4,cello|8.25,0.25,A3,cello|10.25,0.125,A3,cello|10.5,0.125,A3,cello|10.75,0.125,G3,cello|11,0.25,G3,cello|11.25,0.25,F#3,cello|11.5,0.25,E3,cello|11.75,0.125,D3,cello|12,0.25,F#3,cello|12,0.125,A3,cello|12,0.25,D4,cello|12,0.25,D3,cello|12.5,0.25,D4,cello|12.75,0.25,E4,cello|13,0.25,C#4,cello|13.25,0.25,A3,cello|12.25,0.25,A3,cello|13.5,0.25,C#4,cello|13.75,0.25,D4,cello|14.25,0.125,A3,cello|14.5,0.125,A3,cello|14.75,0.25,F#3,cello|15,0.25,G3,cello|15.25,0.25,F#3,cello|15.5,0.25,E3,cello|16.25,0.125,F#3,flute|16.375,0.125,E3,flute|16.625,0.125,E3,flute|16.5,0.125,F#3,flute|15.75,0.25,D3,cello|6,0.25,B3,violin|10,0.25,B3,violin|14,0.25,B3,violin|16.375,0.125,E3,cello|16.5,0.125,F#3,cello|16.625,0.125,E3,cello|5.5,0.25,C#4,cello|16,0.125,G3,flute|16.25,0.125,F#3,cello|2,0.25,B3,violin|8,0.5,D4,piano|8,0.5,F#3,piano|8.25,0.5,A3,piano|8.5,0.5,D4,piano|8.75,0.5,E4,piano|9,0.5,C#4,piano|9.25,0.5,A3,piano|9.5,0.5,C#4,piano|10,0.5,B3,piano|9.75,0.5,D4,piano|10.25,0.25,A3,piano|10.5,0.25,A3,piano|10.75,0.25,G3,piano|11,0.5,G3,piano|11.25,0.5,F#3,piano|12,0.5,F#3,piano|12,0.5,A3,piano|12.25,0.5,A3,piano|12,0.5,D4,piano|12.5,0.5,D4,piano|12.75,0.5,E4,piano|13,0.5,C#4,piano|13.5,0.5,C#4,piano|13.25,0.5,A3,piano|13.75,0.5,D4,piano|14,0.5,B3,piano|16.75,0.5,D3,piano|16.75,0.5,D3,cello|14.25,0.25,A3,piano|14.5,0.25,A3,piano|14.75,0.5,F#3,piano|15.25,0.5,F#3,piano|15,0.5,G3,piano|100,84,73,19,0,0,

You are viewing a single comment. View All
samdevz (31)

@ArpanDhatt Yeah, I noticed that issue too. Also, you might want to add more instructions on the site. Although you can't do this now as you'd be disqualified for cheating... maybe create a fork and keep working on it. Great concept!