6 </head> |
6 </head> |
7 <body> |
7 <body> |
8 <h1>Piano Roll {{event.label}}</h1> |
8 <h1>Piano Roll {{event.label}}</h1> |
9 <noscript>You must enable JavaScript</noscript> |
9 <noscript>You must enable JavaScript</noscript> |
10 <div id="canvasContainer"></div> |
10 <div id="canvasContainer"></div> |
11 <p> |
|
12 <a href="#" onclick="stop(); return false;">stop intervals</a> - |
|
13 <a href="#" onclick="start(); return false;">start intervals</a> - |
|
14 temps écoulé : <span id="timeStarted"></span> |
|
15 </p> |
|
16 <pre id="log"></pre> |
11 <pre id="log"></pre> |
17 <script src="{{ config['STATIC_URL'] }}/js/libs-annotviz.min.js"></script> |
12 <script src="{{ config['STATIC_URL'] }}/js/libs-annotviz.min.js"></script> |
18 <script src="{{ config['STATIC_URL'] }}/js/annotviz.min.js"></script> |
13 <script src="{{ config['STATIC_URL'] }}/js/annotviz.min.js"></script> |
19 <script> |
14 <script> |
20 |
15 |
21 var pianorollChannel = 'PIANOROLL'; |
16 var pianorollChannel = 'PIANOROLL'; |
22 var annotationChannel = 'ANNOT'; |
17 var annotationChannel = 'ANNOT'; |
23 var eventCode = '{{event.code}}'; |
18 var eventCode = '{{event.code}}'; |
|
19 var eventCodeSessionDay2 = 'atelier2_jour2'; |
|
20 var eventCodeSessionDay1 = 'atelier2'; |
|
21 |
24 var wsUri = 'ws://' + window.location.hostname + ':8090/broadcast'; |
22 var wsUri = 'ws://' + window.location.hostname + ':8090/broadcast'; |
25 |
23 |
26 wsUriPianoroll = wsUri + '?channel=' + pianorollChannel + '&event_code=' + eventCode; |
24 wsUriPianoroll = wsUri + '?channel=' + pianorollChannel + '&event_code=' + eventCode; |
27 wsUriAnnotation = wsUri + '?channel=' + annotationChannel + '&event_code=' + eventCode; |
25 wsUriAnnotation = wsUri + '?channel=' + annotationChannel + '&event_code=' + eventCode; |
28 |
26 |
29 var logger = new annotviz.ConsoleLogger(true); |
27 var logger = new annotviz.ConsoleLogger(true); |
30 |
28 |
31 var stageView = new annotviz.StageView({ |
29 var stageView = new annotviz.StageView({ |
32 logger: logger |
30 logger: logger |
33 }); |
31 }); |
|
32 console.log("COUCOU"); |
34 |
33 |
35 var serverUrl = "http://" + window.location.hostname + ":8080"; |
34 var serverUrl = "http://" + window.location.hostname + ":8080"; |
36 var annotsvizview = new annotviz.AnnotsVizView({ |
35 var annotsvizview = new annotviz.AnnotsVizView({ |
37 urlCategories: serverUrl + "/p/api/v1/event/", |
36 urlCategories: serverUrl + "/p/api/v1/event/", |
38 serverUrl: serverUrl, |
|
39 logger: logger, |
37 logger: logger, |
40 stageView: stageView, |
38 stageView: stageView, |
|
39 serverUrl: serverUrl, |
41 wsPianoroll: new annotviz.WsWrapper(wsUriPianoroll, logger), |
40 wsPianoroll: new annotviz.WsWrapper(wsUriPianoroll, logger), |
42 wsAnnot: new annotviz.WsWrapper(wsUriAnnotation, logger), |
41 wsAnnot: new annotviz.WsWrapper(wsUriAnnotation, logger), |
43 timeBegin: Date.parse("2015-01-23T09:30:00+01:00"), |
42 timeBegin: Date.parse("2015-01-24T09:30:00+01:00"), |
44 timeEnd: Date.parse("2015-01-23T18:30:00+01:00"), |
43 timeEnd: Date.parse("2015-01-24T18:30:00+01:00"), |
45 eventCode: eventCode, |
44 eventCode: eventCode, |
46 eventCodeSessionDay1: "atelier2", |
45 eventCodeSessionDay2: eventCodeSessionDay2, |
|
46 eventCodeSessionDay1: eventCodeSessionDay1, |
47 channel: annotationChannel |
47 channel: annotationChannel |
48 }); |
48 }); |
49 |
49 |
50 |
50 |
51 function stop() { |
51 function stop() { |