compoze
Version:
music writer
71 lines (65 loc) • 2.99 kB
HTML
<html lang="zh-CN"><head><meta charset="utf-8"><title>composer</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="demo/style/base.css"><link rel="stylesheet" href="demo/style/font.css"><style>a{
text-decoration:none;
color: #666;
font-size:18px;
}
div#player {
font-family: Arial, sans-serif;
font-size: 18px;
color: #554;
white-space: pre;
}
div#player .editor {
outline: none;
background: #f0f4f4;
border: 0 solid;
border-left: 6px solid #ccc;
font-family: "Lucida Console", Monaco, monospace;
font-size: 12px;
}
div#player .editor-error .text {
font-family: "Lucida Console", Monaco, monospace;
font-size: 12px;
color: red;
padding: 3px;
}
div#player .title {
font-family: Arial, sans-serif;
font-size: 18px;
padding: 10px;
color: #554;
}
</style></head><body><div id="start" class="start icon"></div><div id="stop" class="stop icon hidden"></div><br><center><img src="demo/resource/compoze.png" width="200px"><br><h1 style="color:#999">write music easier</h1></center><br><center><span style="text-align:center;margin:50px;"><a href="demo/html/player.html"><span class="icon"></span>
播放模式</a></span><span style="text-align:center;margin:50px;"><a href="demo/html/editor.html"><span class="icon"></span>
编辑模式</a></span><span style="text-align:center;margin:50px;"><a href="demo/html/helper.html"><span class="icon"></span>
语法介绍</a></span></center><div style="position:relative;width:460px; margin:0 auto"><div id="player" editor="true" editor_width="460" editor_height="150" class="hidden">options player=true tempo=90 width=480
tabstave notation=true tablature=true
notes :8 (8/1+0/5) (12/2+12/3) 8/1 (12/2+12/3) 8/1 |
notes :8 (3/1+0/2+3/6) 0/4 0/3 0/4 (0/2+0/3)
tabstave notation=true tablature=true
notes :8 (5/1+8/5) 8/2 5/1 8/2 5/1 |
notes :8 (0/1+3/5) 2/4 1/2 0/1 1/2
</div></div><div id="loading" class="loading line-scale"><div></div><div></div><div></div><div></div><div></div></div><script>var loading = document.getElementById('loading');
loading.style.display = 'block'</script><script src="../../dist/compoze.js"></script><script src="lib/MIDI/MIDI.min.js"></script><script src="lib/inc/Base64.js"></script><script src="lib/inc/base64binary.js"></script><script>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()
})
instances.player.onEnd = function(){
$('#start').show()
$('#stop').hide()
}
//- $('#start').click()
loading.style.display = 'none'</script></body></html>