--- a/client/annotviz/app/js/doubleroll.js Mon Apr 13 17:11:47 2015 +0200
+++ b/client/annotviz/app/js/doubleroll.js Tue Apr 14 11:30:20 2015 +0200
@@ -23,7 +23,7 @@
lineInterval: 5000,
noteHeight: undefined,
range: {
- bottom: 50,
+ bottom: 40,
top: 90,
},
dynamicRange: true,
--- a/client/annotviz/app/pianoroll_h.html Mon Apr 13 17:11:47 2015 +0200
+++ b/client/annotviz/app/pianoroll_h.html Tue Apr 14 11:30:20 2015 +0200
@@ -1,31 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <meta name="description" content="">
- <meta name="author" content="I.R.I">
- <link rel="shortcut icon" href="/img/favicon.ico">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="description" content="">
+<meta name="author" content="I.R.I">
+<link rel="shortcut icon" href="/img/favicon.ico">
- <title>Horizontal Piano Roll</title>
+<title>Horizontal Piano Roll</title>
- <!-- Custom styles for this template -->
- <link href="/css/annotviz.css" rel="stylesheet">
+<!-- Custom styles for this template -->
+<link href="/css/annotviz.css" rel="stylesheet">
</head>
<body>
- <h1>Horizontal Piano Roll</h1>
- <noscript>You must enable JavaScript</noscript>
- <div id="canvasContainer"></div>
- <p>
- <a href="#" onclick="stop(); return false;">stop intervals</a> -
- <a href="#" onclick="start(); return false;">start intervals</a> -
- temps écoulé : <span id="timeStarted"></span>
- </p>
- <pre id="log"></pre>
- <script src="/js/libs-annotviz.js"></script>
- <script src="/js/annotviz.js"></script>
- <script>
+ <h1>Horizontal Piano Roll</h1>
+ <noscript>You must enable JavaScript</noscript>
+ <div id="canvasContainer"></div>
+ <p>
+ <a href="#" onclick="stop(); return false;">stop intervals</a> - <a
+ href="#" onclick="start(); return false;">start intervals</a> - temps
+ écoulé : <span id="timeStarted"></span>
+ </p>
+ <pre id="log"></pre>
+ <script src="/js/libs-annotviz.js"></script>
+ <script src="/js/annotviz.js"></script>
+ <script>
var annotationChannel = 'PIANOROLL';
var eventCode = 'test_1';
var wsUri;
@@ -40,13 +40,41 @@
var logger = new annotviz.HtmlLogger(false, 'log');
var stageView = new annotviz.StageView({
- logger: logger
+ logger: logger,
+ sceneWidth: 1280,
});
var doubleroll = new annotviz.DoubleRoll({
- logger: logger,
+ logger: logger,
stageView: stageView,
- ws: new annotviz.WsWrapper(wsUri)
+ ws: new annotviz.WsWrapper(wsUri),
+ orientation: 'horizontal',
+ sceneWidth: 1280,
+ zeroShift: 1,
+ pianorolls : [
+ {
+ height: 384,
+ timeWidth: 10,
+ lineInterval: 5000,
+ noteHeight: undefined,
+ range: {
+ bottom: 40,
+ top: 90,
+ },
+ dynamicRange: true,
+ },
+ {
+ height: 384,
+ timeWidth: 60,
+ lineInterval: 5000,
+ noteHeight: undefined,
+ range:{
+ bottom: 0,
+ top: 128,
+ },
+ dynamicRange: false,
+ },
+ ],
});
function stop() { stageView.stop(); }