annot-server/webapp/templates/pianoroll.html
author rougeronj
Thu, 16 Apr 2015 11:09:13 +0200
changeset 151 8468703ef93c
parent 108 082b64a5c699
child 153 60bd2b36b9dc
permissions -rw-r--r--
update pianoroll static template on server
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     1
<html>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     2
<head>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     3
    <meta charset="UTF-8">
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
     4
    <title>Piano Roll {{event.label}}</title>
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
     5
    <link href="{{ config['STATIC_URL'] }}/css/annotviz.min.css" rel="stylesheet">
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     6
</head>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     7
<body>
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
     8
    <h1>Piano Roll {{event.label}}</h1>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     9
    <noscript>You must enable JavaScript</noscript>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    10
    <div id="canvasContainer"></div>
46
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    11
    <p>
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    12
        <a href="#" onclick="stop(); return false;">stop intervals</a> -
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    13
        <a href="#" onclick="start(); return false;">start intervals</a> -
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    14
        temps écoulé : <span id="timeStarted"></span>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    15
    </p>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    16
    <pre id="log"></pre>
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    17
    <script src="{{ config['STATIC_URL'] }}/js/libs-annotviz.min.js"></script>
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    18
    <script src="{{ config['STATIC_URL'] }}/js/annotviz.min.js"></script>
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
    19
    <script>
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    20
    var annotationChannel = 'PIANOROLL';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    21
    var eventCode = '{{event.code}}';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    22
    var wsUri;
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    23
    if (window.location.protocol === 'file:') {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    24
        wsUri = 'ws://127.0.0.1:8090/broadcast';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    25
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    26
    else {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    27
        wsUri = 'ws://' + window.location.hostname + ':8090/broadcast';
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    28
    }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    29
    wsUri += '?channel='+annotationChannel+'&event_code='+eventCode;
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    30
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    31
    var logger = new annotviz.HtmlLogger(false, 'log');
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    32
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    33
    var stageView = new annotviz.StageView({
151
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    34
        logger: logger,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    35
        sceneWidth: 1024,
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    36
    });
151
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    37
    
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    38
    var doubleroll = new annotviz.DoubleRoll({
151
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    39
    	logger: logger,
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    40
        stageView: stageView,
151
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    41
        ws: new annotviz.WsWrapper(wsUri),
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    42
    	orientation: 'horizontal',
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    43
    	sceneWidth: 1024,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    44
    	sceneHeight: 768,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    45
    	zeroShift: 1,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    46
        pianorolls : [
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    47
		  {
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    48
		    height: 384,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    49
		    timeWidth: 10,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    50
		    lineInterval: 5000,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    51
		    noteHeight: undefined,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    52
		    range: {
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    53
				bottom: 40,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    54
				top: 90,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    55
		    },
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    56
		    dynamicRange: true,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    57
		  },
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    58
		  {
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    59
		    height: 384,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    60
		    timeWidth: 60,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    61
		    lineInterval: 5000,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    62
		    noteHeight: undefined,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    63
		    range:{
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    64
				bottom: 0,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    65
				top: 128,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    66
		    },
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    67
		    dynamicRange: false,
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    68
		  },
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    69
		],
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    70
    });
151
8468703ef93c update pianoroll static template on server
rougeronj
parents: 108
diff changeset
    71
    
108
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    72
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    73
    function stop() { stageView.stop(); }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    74
    function start() { stageView.start(); }
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    75
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    76
    window.onload = function() {
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    77
        stageView.init();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    78
        start();
082b64a5c699 add vizualizations to server
ymh <ymh.work@gmail.com>
parents: 84
diff changeset
    79
    }
76
029cdbeebf03 filter pianoroll annotation by channel & event
ymh <ymh.work@gmail.com>
parents: 49
diff changeset
    80
    </script>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    81
</body>
42
926f0426ce78 add event + event session + admin + category json management. Must rebuild database
ymh <ymh.work@gmail.com>
parents: 28
diff changeset
    82
</html>