doctype
html(lang="zh-CN")
  head
    meta(charset="utf-8")
    title compoze - 在线乐谱编辑与播放
    meta(name="viewport",content="width=device-width, initial-scale=1")
    link(rel="stylesheet",href="../style/base.css")
    link(rel="stylesheet",href="../style/font.css")

  body

    div#start.start.icon 
    div#stop.stop.icon.hidden 
    div(style="text-align:center")
      h2 Komm,süsser Tod
    .container(style="width:980px;margin: 0 auto;position:relative; ")
      #player(style="display:none").
        options player=true tempo=76 width=1100
        tabstave notation=true tablature=true
        notes  :8 (0/2+0/3+0/4+5/6)  :16 (0/2+0/3+0/4)  (0/2+0/3+0/4) (0/2+0/3+0/4+5/6)  :16 0/4  :8 (0/2+0/3)  :q (4/3+4/4+0/6) (2/3+4/4)
        tabstave notation=true tablature=true
        notes  :q (0/3+0/4+2/6)  :16 (0/3+0/4+2/6)  (2/5+0/3+0/4)  :8 (0/3+0/4+3/5)  :q (4/3+4/4+5/5) (4/3+4/4+5/5)
        tabstave notation=true tablature=true
        notes  :q (0/3+2/4+3/5) (0/3+2/4)  :8 (0/3+2/4+3/5)  :q (0/3+0/4+2/5) (0/3+0/4)
        tabstave notation=true tablature=true
        notes  :q (0/3+2/4+0/5)  :16 (0/3+2/4+0/5)  (2/5+0/3+2/4)  :8 (0/3+2/4+3/5)  :q (0/3+0/4+0/6)  :8 (2/3+4/4+0/6) (0/6+2/3+4/4)
        tabstave notation=true tablature=true
        notes  :8 (0/2+0/3+0/4+5/6)  :16 (0/2+0/3+0/4)  (0/2+0/3+0/4) (0/2+0/3+0/4+5/6)  :16 0/4  :8 (0/2+0/3)  :q (4/3+4/4+0/6) (2/3+4/4)
        tabstave notation=true tablature=true
        notes  :q (0/3+0/4+2/6)  :16 (0/3+0/4+2/6)  (2/5+0/3+0/4)  :8 (0/3+0/4+3/5)  :q (4/3+4/4+5/5) (4/3+4/4+5/5)
        tabstave notation=true tablature=true
        notes  :q (0/3+2/4+3/5) (0/3+2/4)  :8 (0/3+2/4+3/5) (0/3+0/4+2/5)
        tabstave notation=true tablature=true
        notes (0/3+2/4+0/5)  :q (0/3+0/4+0/6)  :16 (0/3+0/4+5/6)  :8 (0/3+0/4) (0/3+0/4) (0/3+0/4+5/6)  :16 2/5
        tabstave notation=true tablature=true
        notes  :8 (3/2+0/3+0/4+5/6) 0/4  :16 0/3 (0/3+5/6) (3/2+0/3+0/4) (3/2+4/3+4/4+0/6) 0/1 (3/2+2/3+4/4)
        tabstave notation=true tablature=true
        notes  :q (0/2+0/3+0/4+2/6)  :8 (3/1+0/2+0/3+2/6) 2/5 3/5 (2/1+3/2+2/3+0/4) (2/3+2/1+3/2) (2/1+3/2+4/3)  :16 (3/2+2/3) (3/2+2/3+0/6)
        tabstave notation=true tablature=true
        notes (0/1+3/5) 2/4 0/3  :8 0/1 (3/2+2/3+2/5) (2/4+3/2+2/3) (3/2+2/3+4/4)  :16 (3/2+2/3) (3/2+2/3)
        tabstave notation=true tablature=true
        notes (1/2+0/5) 2/4 0/3 1/2 (1/2+2/3+0/6)  :8 (1/2+2/3+0/4)
        tabstave notation=true tablature=true
        notes  :8 (3/2+0/3+0/4) 0/4  :16 0/3 0/3 (3/2+0/3+0/4) (3/2+4/3+4/4) 0/1 (3/2+2/3+4/4)
        tabstave notation=true tablature=true
        notes  :q (0/2+0/3+0/4+2/6)  :8 (3/1+0/2+0/3+2/6) (2/5+3/1+0/2+0/3) (3/1+0/2+0/3+3/5) (2/1+3/2+2/3+0/4) (2/3+2/1+3/2) (2/1+3/2+4/3)  :16 (3/2+2/3) (3/2+2/3+0/6)
        tabstave notation=true tablature=true
        notes  :8 (0/1+3/5) 0/4  :16 2/4 0/3  :8 0/1 (3/2+2/3+2/5) (2/4+3/2+2/3) (3/2+2/3+4/4)  :16 (3/2+2/3) (3/2+2/3)
        tabstave notation=true tablature=true
        notes (1/2+0/3+0/5) 2/4 (1/2+2/3+0/6)  :8 0/4  :q (0/2+0/3+5/6) 0/4
        tabstave notation=true tablature=true
        notes  :q (0/2+0/3+0/4+5/6)  :8 2/5 0/4  :16 0/3  :8 (0/2+0/6) 1/2  :16 (1/2+0/4) (0/2+0/4)
        tabstave notation=true tablature=true
        notes (0/3+0/4) 2/5 0/3 3/1  :8 (2/1+3/2+2/3) 3/1 2/1 2/1  :16 3/2  :8 0/2  :h 2/6 0/4
        tabstave notation=true tablature=true
        notes 0/1 2/4 0/3 0/1  :8 3/2 0/1 3/2  :16 0/4  :8 0/3 3/5
        tabstave notation=true tablature=true
        notes  :8 (1/2+0/3+0/5) 0/2 1/2 2/4  :16 (1/2+0/3)  :8 3/2  :q (2/3+0/4+0/6)  :8 0/4 0/3
        tabstave notation=true tablature=true
        notes (0/2+5/6) 0/4 0/3 0/2 (0/2+0/5)  :16 2/5 (0/3+0/4)  :8 (0/2+0/3+0/6) 1/2  :16 0/2 (0/2+0/4)
        tabstave notation=true tablature=true
        notes (0/3+0/4+2/6) 2/5 0/3 3/1  :8 (2/1+3/2+2/3+0/4) 3/1 2/1 (2/1+0/4)  :16 3/2
        tabstave notation=true tablature=true
        notes (0/1+3/5) 2/4 0/3 0/1 (3/2+2/5) 0/1 3/2
        tabstave notation=true tablature=true
        notes (1/2+0/3+0/5)  :8 0/2  :16 (0/3+0/6)  :8 2/3 0/3 (0/3+5/6) 0/5 2/5 0/3 0/4  :16 0/3
        tabstave notation=true tablature=true
        notes  :q (3/1+0/2+0/3)  :8 0/2 0/4  :16 5/3 5/3 0/2  :8 2/3 0/2  :16 5/3 5/6
        tabstave notation=true tablature=true
        notes 5/3 3/5  :8 3/1 3/1 5/1  :16 5/1  :8 (3/1+1/2) 2/1  :16 2/1  :8 3/1  :16 3/2  :h 2/6 1/6
        tabstave notation=true tablature=true
        notes 3/2 2/5 4/4 (3/2+2/3)  :8 (2/2+0/3) 3/1  :16 3/1 3/1  :8 4/2  :h 0/6 4/5
        tabstave notation=true tablature=true
        notes (3/2+0/3) 2/4 5/3 2/4 0/2 0/4 2/3  :8 4/3 3/5
        tabstave notation=true tablature=true
        notes (3/2+0/3+0/4)  :8 0/4  :16 0/2  :8 0/2  :16 5/3 5/3 0/2  :8 2/3 0/2  :16 5/3 5/6
        tabstave notation=true tablature=true
        notes 5/3 3/5  :8 3/1 3/1 5/1  :16 5/1  :8 (3/1+1/2) 2/1  :16 2/1  :8 3/1  :16 3/1  :h 2/6 1/6
        tabstave notation=true tablature=true
        notes 3/1  :8 (3/2+2/3) 4/4 3/2 3/1 5/1  :16 (8/1+5/2+0/3)  :8 7/1  :16 5/1 5/1  :8 (3/1+5/2)  :h 0/6 4/5
        tabstave notation=true tablature=true
        notes (3/1+1/2+2/3+0/6) (3/1+1/2+2/3+0/4) (2/1+1/2+2/3)  :8 (2/1+1/2+2/3+0/4) (3/1+1/2+2/3+0/4)
        tabstave notation=true tablature=true
        notes  :8 (5/1+7/2+5/3+0/4)  :16 (7/2+7/3+7/4)  :8 (7/2+7/3+7/4)  :16 5/5  :8 3/5 2/5  :16 1/5 0/5
        tabstave notation=true tablature=true
        notes  :q (3/1+0/2+0/3+5/6)  :8 0/4 0/3 (3/1+0/2)  :16 (3/1+0/2+0/6)  :8 (5/1+5/3)  :16 (3/1+0/2) (3/1+0/2+0/4)
        tabstave notation=true tablature=true
        notes (3/2+2/3+2/6) 2/5 0/3 3/1  :8 (2/1+3/2+0/3+2/4) 3/1 2/1 (2/1+0/4)  :16 3/2
        tabstave notation=true tablature=true
        notes (0/1+3/5) 2/4 0/3 0/1  :8 (3/2+2/5) 0/1  :16 3/2 0/4
        tabstave notation=true tablature=true
        notes  :8 (1/2+0/3+0/5) 0/2 1/2 2/4  :16 (1/2+0/3)  :8 3/2 (3/2+2/3+0/6)  :16 5/2 3/1  :8 (3/1+3/2+2/3+0/4) (3/1+0/3)
        tabstave notation=true tablature=true
        notes (0/2+5/6) 0/4 0/3 0/2 (0/2+0/5) 2/5 0/4  :16 0/3  :8 (3/1+0/2+0/6) (5/1+5/3)  :16 (3/1+0/2) (3/1+0/2+0/4)
        tabstave notation=true tablature=true
        notes (3/2+0/3+2/6) 2/5 0/3 3/1  :8 (2/1+3/2+2/3+0/4) 3/1 2/1 (2/1+0/4)  :16 3/2
        tabstave notation=true tablature=true
        notes  :8 (0/1+3/5) 0/4  :16 2/4 0/3 0/1 (3/2+2/5) 0/1 3/2
        tabstave notation=true tablature=true
        notes (1/2+0/3+0/5)  :8 0/2  :16 (0/3+0/6)  :8 2/3 0/3 (0/3+5/6) 0/4 7/4 0/3 7/3 0/2 7/2
        tabstave notation=true tablature=true
        notes (2/3+3/4+0/6) (2/3+3/4) (2/3+3/4) (2/3+3/4+6/6) (2/3+3/4+0/5) (2/3+3/4) (2/3+3/4)
        tabstave notation=true tablature=true
        notes (0/2+0/3+5/6) (0/2+0/3) (0/2+0/3) (0/2+0/3+4/5) (0/2+0/3+5/5) (0/2+0/3) (0/2+0/3)
        tabstave notation=true tablature=true
        notes (2/3+3/4+0/6) (2/3+3/4) (2/3+3/4) (2/3+3/4+6/6) (2/3+3/4+0/5) (2/3+3/4) (2/3+3/4)
        tabstave notation=true tablature=true
        notes (0/2+0/3+5/6) (0/2+0/3) (0/2+0/3) (0/2+0/3+4/5) (0/2+0/3+5/5) (0/2+0/3) (0/2+0/3)
        tabstave notation=true tablature=true
        notes (8/2+0/6) 8/5  :8 7/4 (6/2+6/6)  :16 0/1 (3/2+0/5) 3/4 2/3
        tabstave notation=true tablature=true
        notes  :8 (0/2+0/3+5/6) 0/4  :16 3/2 0/3 (4/5+0/3) (0/3+0/4) (3/2+0/3) 5/1
        tabstave notation=true tablature=true
        notes (8/1+0/6)  :16 7/1 8/1  :8 7/1 (7/1+6/6)  :16 5/1 (7/1+0/5)  :8 5/1 5/1  :16 3/1
        tabstave notation=true tablature=true
        notes (8/2+5/6) 5/4 7/3 (4/5+7/3)  :8 (7/3+0/4) 7/3 0/1 3/3  :16 2/3
        tabstave notation=true tablature=true
        notes (8/2+0/6) 8/5  :8 7/4 (6/2+6/6)  :16 0/1 (3/2+0/5) 3/4 2/3
        tabstave notation=true tablature=true
        notes  :8 (0/2+0/3+5/6) 0/4  :16 3/2 0/3 (4/5+0/3) (0/3+0/4) (3/2+0/3) 5/1
        tabstave notation=true tablature=true
        notes (8/1+0/6)  :16 7/1 8/1  :8 7/1 (7/1+6/6)  :16 5/1 (7/1+0/5)  :8 5/1 5/1  :16 3/1
        tabstave notation=true tablature=true
        notes (8/2+5/6) 5/4 7/3  :8 (4/5+7/3) (7/3+0/4)
        tabstave notation=true tablature=true
        notes  :8 (5/3+7/4+0/5) 5/3 5/3 (5/3+0/5)  :16 7/3 5/3  :8 (5/3+6/6) 5/3 0/1 7/3 5/3
        tabstave notation=true tablature=true
        notes  :8 (5/3+7/4+0/6) 5/3 5/3 (5/3+5/6)  :16 7/3 5/3 4/6 7/5 7/4
        tabstave notation=true tablature=true
        notes (1/2+3/6) 3/5  :8 3/4 0/2  :16 2/3 (2/3+3/6) 3/5 (2/3+3/4)
        tabstave notation=true tablature=true
        notes (0/1+0/6) 2/4  :8 2/3 3/2  :16 1/2 (1/2+0/6) 2/4 (1/2+2/3)
        tabstave notation=true tablature=true
        notes (0/1+3/2+2/3+0/6) 3/2 0/1 3/2  :8 (0/1+0/4) (3/2+0/4) 3/5 (0/1+3/5)  :16 2/5
        tabstave notation=true tablature=true
        notes (0/1+3/2+2/3+0/6) 3/2 (0/1+0/6)  :8 1/1  :q (2/1+3/2+2/3+0/4)
        tabstave notation=true tablature=true
        notes 7/2 7/3 10/2  :8 11/3  :q (5/4+5/5) (0/2+0/3+0/4+0/5)
        tabstave notation=true tablature=true
        notes  :8 (0/2+0/3+0/4+5/6) 0/4 (0/2+0/3) (0/2+0/3+0/5)  :16 2/5 (0/3+0/4)  :8 (0/2+0/6) 1/2  :16 0/4 (0/2+0/4)
        tabstave notation=true tablature=true
        notes (0/3+0/4+2/6) 2/5 0/3 3/1  :8 (2/1+3/2+2/3+0/4) 3/1 2/1 (2/1+0/4)  :16 3/2
        tabstave notation=true tablature=true
        notes  :8 (0/1+3/5) 0/4  :16 2/4 0/3 0/1  :8 (3/2+2/5) 0/1  :16 3/2 0/4
        tabstave notation=true tablature=true
        notes  :8 (1/2+0/3+0/5) 0/2 1/2 2/4  :16 (1/2+0/3)  :8 3/2 (2/3+0/6)  :16 (0/4+0/6)  :8 (5/2+4/3+0/6) (3/2+2/3+0/6) 0/4 0/3
        tabstave notation=true tablature=true
        notes (0/2+5/6) 0/4 0/3 0/2 (0/2+0/5)  :16 2/5 (0/3+0/4)  :8 (0/2+0/3+0/6) 1/2  :16 0/2 (0/2+0/4)
        tabstave notation=true tablature=true
        notes (0/3+0/4+2/6) 2/5 0/3 3/1  :8 (2/1+3/2+2/3+0/4) 3/1 2/1 (2/1+0/4)  :16 3/2
        tabstave notation=true tablature=true
        notes (0/1+3/5) 0/4 2/4 0/3 2/4  :16 0/3 0/1 (3/2+2/5) 0/1 3/2
        tabstave notation=true tablature=true
        notes (1/2+0/3+0/5)  :8 0/2  :16 (0/3+0/6)  :8 2/3  :16 0/3  :8 (0/3+5/6) (2/5+5/6)  :16 (0/3+0/4+5/6)
        tabstave notation=true tablature=true
        notes (0/3+0/4+5/6) 0/3 3/4  :16 0/4  3/5 4/5 3/5  :16 1/5  3/6  :16 5/6



    .loading.line-scale
      div
      div
      div
      div
      div

    script(src="../../dist/compoze.js")
    script(src="../../lib/MIDI/MIDI.min.js")
    script(src="../../lib/inc/Base64.js")
    script(src="../../lib/inc/base64binary.js")
    script.
      var notes = $('#player').text().split('tabstave notation=true tablature=true')
      var options = notes.shift()
      var tabstaves = []
      notes.forEach(function(note, i ){
        if(tabstaves[Math.floor(i/4)]==null) tabstaves[Math.floor(i/4)] = []
        tabstaves[Math.floor(i/4)].push(note)
      })
      console.log(tabstaves)
      var staveStr = tabstaves.map(function(stave){
        return 'notes ' + stave.join(' | ').replace(/[\r\n]/g,'').replace(/notes/g,'')
      }).join('\ntabstave notation=true tablature=true\n')

      console.log(options + '\ntabstave notation=true tablature=true\n' + staveStr)
      $('#player').text( options + '\ntabstave notation=true tablature=true\n' + staveStr)
      instances = new Vex.Flow.TabDiv(document.getElementById('player'),
          {
              instrument: 'acoustic_guitar_steel',
              soundfont_url: "http://yuepuso.qiniudn.com/"
          }
      );
      document.getElementById('player').style.display = 'block'

      $('#start').on('click',function(){
        instances.player.play()
        $('#stop').show()
        $('#start').hide()
      })
      $('#stop').on('click',function(){
        instances.player.stop()
        $('#start').show()
        $('#stop').hide()
      })