15 |
15 |
16 <body> |
16 <body> |
17 <h1>Piano Roll vertical</h1> |
17 <h1>Piano Roll vertical</h1> |
18 <noscript>You must enable JavaScript</noscript> |
18 <noscript>You must enable JavaScript</noscript> |
19 <div id="canvasContainer"></div> |
19 <div id="canvasContainer"></div> |
20 <p> |
|
21 <a href="#" onclick="stop(); return false;">stop intervals</a> - |
|
22 <a href="#" onclick="start(); return false;">start intervals</a> - |
|
23 temps écoulé : <span id="timeStarted"></span> |
|
24 </p> |
|
25 <!--pre id="log"></pre--> |
20 <!--pre id="log"></pre--> |
26 <script src="/js/libs-annotviz.js"></script> |
21 <script src="/js/libs-annotviz.js"></script> |
27 <script src="/js/annotviz.js"></script> |
22 <script src="/js/annotviz.js"></script> |
28 <script> |
23 <script> |
29 var pianorollChannel = 'PIANOROLL'; |
24 var pianorollChannel = 'PIANOROLL'; |
30 var annotationChannel = 'ANNOT'; |
25 var annotationChannel = 'ANNOT'; |
31 var eventCode = 'atelier2_test'; |
26 var eventCode = 'test_1'; |
32 var wsUri; |
27 var wsUri; |
33 // if (window.location.protocol === 'file:') { |
28 if (window.location.protocol === 'file:') { |
34 wsUri = 'ws://172.16.0.20:8090/broadcast'; |
29 wsUri = 'ws://172.16.0.20:8090/broadcast'; |
35 // } |
30 } |
36 // else { |
31 else { |
37 // wsUri = 'ws://' + window.location.hostname + ':8090/broadcast'; |
32 wsUri = 'ws://' + window.location.hostname + ':8090/broadcast'; |
38 // } |
33 } |
39 wsUriPianoroll = wsUri + '?channel=' + pianorollChannel + '&event_code=' + eventCode; |
34 wsUriPianoroll = wsUri + '?channel=' + pianorollChannel + '&event_code=' + eventCode; |
40 wsUriAnnotation = wsUri + '?channel=' + annotationChannel + '&event_code=' + eventCode; |
35 wsUriAnnotation = wsUri + '?channel=' + annotationChannel + '&event_code=' + eventCode; |
41 |
36 |
42 var logger = new annotviz.ConsoleLogger(true); |
37 var logger = new annotviz.ConsoleLogger(true); |
43 |
38 |