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.
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,
Musical Studio - Compose and Share Music on the Web!
This is Musical Studio, an online platform that enables you to create your own music.
Features
QuickStart
Credits
The instruments and wrappers around them are from github.com/nbrosowsky/tonejs-instruments
Known Issues
Javascript code base is a disaster zone
Some Improvements Still Need To Be Made
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,
@samdevz LoL, I thought you said I was disqualified for cheating. My heart skipped a beat. XD