equal
deleted
inserted
replaced
1 <html> |
1 <html> |
2 <head> |
2 <head> |
3 <meta charset="UTF-8"> |
3 <meta charset="UTF-8"> |
4 <title>Piano Roll with pixi.js</title> |
4 <title>Piano Roll {{event.label}}</title> |
5 <style> |
5 <style> |
6 body { |
6 body { |
7 margin: 0; |
7 margin: 0; |
8 padding: 0; |
8 padding: 0; |
9 background-color: #FFF; |
9 background-color: #FFF; |
14 background-color: #faa; |
14 background-color: #faa; |
15 } |
15 } |
16 </style> |
16 </style> |
17 </head> |
17 </head> |
18 <body> |
18 <body> |
19 <h1>OSC websocket Piano Roll Test</h1> |
19 <h1>Piano Roll {{event.label}}</h1> |
20 <noscript>You must enable JavaScript</noscript> |
20 <noscript>You must enable JavaScript</noscript> |
21 <div id="canvasContainer"></div> |
21 <div id="canvasContainer"></div> |
22 <p> |
22 <p> |
23 <a href="#" onclick="clearInterval(moveInterval); clearInterval(verticalLinesInterval); return false;">stop intervals</a> |
23 <a href="#" onclick="clearInterval(moveInterval); clearInterval(verticalLinesInterval); return false;">stop intervals</a> |
24 - temps écoulé : <span id="myspan"></span> |
24 - temps écoulé : <span id="myspan"></span> |
25 </p> |
25 </p> |
26 <pre id="log"></pre> |
26 <pre id="log"></pre> |
27 <script src="{{ config['STATIC_URL'] }}/js/pixi.js"></script> |
27 <script src="{{ config['STATIC_URL'] }}/js/pixi.js"></script> |
|
28 <script> |
|
29 var event_code = "{{event.code}}"; |
|
30 </script> |
28 <script src="{{ config['STATIC_URL'] }}/js/pianoroll.js"></script> |
31 <script src="{{ config['STATIC_URL'] }}/js/pianoroll.js"></script> |
29 </body> |
32 </body> |
30 </html> |
33 </html> |