5 <meta name="viewport" content="width=device-width,initial-scale=1"> |
5 <meta name="viewport" content="width=device-width,initial-scale=1"> |
6 <meta name="description" content=""> |
6 <meta name="description" content=""> |
7 <meta name="author" content="I.R.I"> |
7 <meta name="author" content="I.R.I"> |
8 <link rel="shortcut icon" href="/img/favicon.ico"> |
8 <link rel="shortcut icon" href="/img/favicon.ico"> |
9 |
9 |
10 <title>Piano Roll</title> |
10 <title>Piano Roll Tests</title> |
11 |
11 |
12 <!-- Custom styles for this template --> |
12 <!-- Custom styles for this template --> |
13 <link href="/css/annotviz.css" rel="stylesheet"> |
13 <link href="/css/annotviz.css" rel="stylesheet"> |
14 </head> |
14 </head> |
15 |
15 |
16 <body> |
16 <body> |
17 <h1>Piano Roll</h1> |
17 <h1>Piano Roll Tests</h1> |
18 <noscript>You must enable JavaScript</noscript> |
|
19 <div id="canvasContainer"></div> |
|
20 <p> |
18 <p> |
21 <a href="#" onclick="stop(); return false;">stop intervals</a> - |
19 <ul> |
22 <a href="#" onclick="start(); return false;">start intervals</a> - |
20 <li><a href="pianoroll_h.html">Horizontal Pianoroll</a></li> |
23 temps écoulé : <span id="timeStarted"></span> |
21 <li><a href="pianoroll_v.html">Vertical Pianoroll</a></li> |
|
22 </ul> |
24 </p> |
23 </p> |
25 <pre id="log"></pre> |
|
26 <script src="/js/libs-annotviz.js"></script> |
|
27 <script src="/js/annotviz.js"></script> |
|
28 <script> |
|
29 var doubleroll = annotviz.DoubleRoll({ |
|
30 eventCode: "test_1" |
|
31 }); |
|
32 function stop() { doubleroll.stop(); } |
|
33 function start() { doubleroll.start(); } |
|
34 </script> |
|
35 </body> |
24 </body> |
36 </html> |
25 </html> |