Online music editor

The story will be about a fake startup. Fake, mostly due to the fact that the creation took 7 years (with breaks and creative crisis). And before you go into nostalgia, just link to demo song.

Some n-years ago it could be called a midi editor, but who will remember that once they were all on dial-up? The midi support in browsers has always been, but, in order to determine the current playback time needed to sell his soul to the devil, and if you have a Linux — admit it, how many you configured midi playback?

now What happens every time you press the button to play:
the

the
• Browser slips about this address мр3шки to vosproizvedeniya: rockby.net/online_group/play_org/258517_0_0_1_25_119_63_0/258518_0_0_3_33_127_63_0/258519_0_0_5_25_111_63_0/258520_0_0_10_0_95_63_0/258521_0_0_7_66_103_63_0/258522_0_0_9_30_103_63_0/258523_0_0_12_40_127_63_0/258524_0_0_14_73_71_63_0/200621_0_0__---_0.21032168420673802.mp3
the
• Browser, of course, thinks it's just mp3, but the server thinks otherwise.
  
  what does the server

  It runs PHP, which parses the URL, takes the necessary track parameters (volume, etc.), aydishnik songs, connects to MySQL, selects out all the notes for this song with all the options, creates a midi file using the sound banks and a small amount of magic is converted into an mp3 file.
  
  Moreover, formed to мп3шка as playing songs. If forming the whole song at once — wait for the first sound have to be so. And the server doesn't have that kind of abuse. For some unknown reason, the whole chain, including a phase of PHP/MySQL is instantaneous, even though the table notes, which had already accumulated more than 200 million records.
  
  
  
the
• flash or html5 player tracks the current position of playback of mp3 and on this basis to draw the cursor, counting in parallel the absolute values of seconds in the relative value of the midi items
  

these are the contractions of the technology occurred in the project:
the

the
• Midi vs MP3, MP3 wins (for the beautiful and, most importantly, it is the same for all platforms sound, the best support in the browser)
  
the
• HTML+CSS vs Canvas — wins HTML+CSS (for picture quality, zoom and ease)
  
the
• gif/jpeg, vs CSS3, Canvas, SVG wins CSS3, Canvas,SVG (for flexibility)
  
the
• Canvas vs SVG Canvas wins (for best support in browser)
  
the
• Pushlet vs Websocket socket wins.io :)
  
the
• TCL vs Node.js wins node.js (familiar from childhood with the syntax, and support community and number of modules)
  
the
• Premature optimisation vs OOP — OOP wins (each note object)
  
the
• IE6 vs everything — everybody wins :)
  

7 years ago was dominated by flash and Javascript were completely non-standard choice for such functionality. Solved it was doing on what more understand. Years passed, and now Javascript is gaining incredible popularity, which helps to use a variety of nice innovations.

When you play a sound, Flash nokautiroval html5, which will work only if you disable flash. Why? Flash reacts faster, without guessing on Content-Length (we don't know it exactly) and almost buggy.

html5 so runs everywhere, even in mobile phones?
This is not true. It turned out only Firefox for Android behaves like its desktop version. For other browsers you need a good file. Quite possibly, the situation is improving, but a huge army of devices version 2.3.6 ruins everything.

What can do editor:
the

the
• to reproduce the notes of 128 instruments
the
• to understand the rules of musical notation, including the additional lines, sharps/flats/bekari, keys, accidentals, duration (standard and custom), bends

together to compose the

• audit create, play previous songs
the
• slow down, loop, zoom
the
• to work in the tabs
the
• to import Guitar Pro files gtp, gp3, gp4, gp5
the
• to move, copy, delete groups of notes
the
• to catit, ban and so on

What next?
While I'm raising my daughter and writing children's songs :)

RockBy.Net created in their spare time, which managed to be promoted to unit coordinator, and even became almost real a HUNDRED of the English company, but.... as they say, the soul that wants to sing.

Spent so much effort, thought out and verified hundreds of the only correct decisions, but they relate only to the development, the area of marketing yet a mystery.

So if you have ideas — write!

PS Here — you can watch/listen to the results of folk art

Article based on information from habrahabr.ru