annot-server/webapp/templates/pianoroll.html
author cavaliet
Tue, 21 Oct 2014 11:29:55 +0200
changeset 49 5c1702e8d2a4
parent 46 7cff1f0a6882
child 76 029cdbeebf03
permissions -rw-r--r--
move with time and not framerate iteration
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">
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     4
    <title>Piano Roll with pixi.js</title>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     5
    <style>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     6
        body {
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     7
            margin: 0;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     8
            padding: 0;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
     9
            background-color: #FFF;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    10
        }
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    11
        #log {
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    12
		    height: 20em;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    13
		    overflow-y: scroll;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    14
		    background-color: #faa;
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    15
		}
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    16
    </style>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    17
</head>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    18
<body>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    19
    <h1>OSC websocket Piano Roll Test</h1>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    20
    <noscript>You must enable JavaScript</noscript>
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    21
    <div id="canvasContainer"></div>
46
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    22
    <p>
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    23
        <a href="#" onclick="clearInterval(moveInterval); clearInterval(verticalLinesInterval); return false;">stop intervals</a>
49
5c1702e8d2a4 move with time and not framerate iteration
cavaliet
parents: 46
diff changeset
    24
         - temps écoulé : <span id="myspan"></span>
46
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    25
     </p>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    26
    <pre id="log"></pre>
46
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    27
    <script src="{{ config['STATIC_URL'] }}/js/pixi.js"></script>
7cff1f0a6882 some debug
cavaliet
parents: 42
diff changeset
    28
    <script src="{{ config['STATIC_URL'] }}/js/pianoroll.js"></script>
28
6025b8470d18 pianoroll in webapp
cavaliet
parents:
diff changeset
    29
</body>
42
926f0426ce78 add event + event session + admin + category json management. Must rebuild database
ymh <ymh.work@gmail.com>
parents: 28
diff changeset
    30
</html>