arcs / arcs.js

Go to a project
Toggle navigation Toggle navigation pinning
didier
1ea58580 1 parent e7a9425e

added skeleton for the calibration app

Inline Side-by-side
Showing 5 changed files with 88 additions and 3 deletions
......@@ -23,8 +23,8 @@ body {
}
#videoCanvas {
width: 320px;
height: 240px;
width: 640px;
height: 480px;
}
.hide {
......
......@@ -10,7 +10,7 @@
<meta charset="UTF-8">
</head>
<body>
<video id="video" width=320 height=240 autoplay="true" style="display: none;"></video>
<video id="video" width=640 height=480 autoplay="true" style="display: none;"></video>
<canvas id="canvas"></canvas>
<canvas id="videoCanvas" class="hide"></canvas>
<div id="container" ></div>
......
@viewport {
width: device-width;
zoom: 1;
}
body {
font-family: sans-serif;
padding: 0px;
margin: 0px;
}
#logo {
position: absolute;
margin:0px;
padding:0px;
right: 0px;
bottom:0px;
}
\ No newline at end of file
{
"context" : {
"libraries" : [
"components/video", "components/animator"
],
"components": {
"video": { "type": "LiveSource" },
"animator": { "type": "Animator" },
"statemachine" : {
"type": "StateMachine",
"value" : {
"initial": "start",
"final": "end",
"transitions" : {
"start" : { "end" : "end"}
}
}
}
}
},
"controller" : "statemachine",
"sheets" : {
"start" : {
"preconnections" : [
{ "destination":"video", "slot":"setWidgets", "value":["video", "canvas"] }
],
"postconnections" : [
],
"connections" : [
{ "source": "video", "signal": "onReady", "destination": "animator", "slot": "start"},
{ "source": "animator", "signal": "onAnimationFrame", "destination": "video", "slot": "grabFrame"}
],
"cleanups" : [
]
},
"end" : {
"preconnections" : [],
"postconnections" : [],
"connections" : [],
"cleanups" : []
}
}
}
\ No newline at end of file
<html>
<head>
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1" charset="UTF-8">
<title>Fast camera calibration</title>
<link type="text/css" rel="stylesheet" href="arcs.css">
<script data-main="../../build/arcs_browser"
data-base-url="../.."
data-arcsapp="arcsapp.json"
src="../../deps/requirejs/require.js">
</script>
</head>
<body>
<canvas id="canvas"></canvas>
<video id="video" width=320 height=240 autoplay="true" style="display: none;"></video>
<a id="logo" href="http://arcs.ibisc.univ-evry.fr"><img src="../../docs/arcs_logo.png" alt="ARCS"/></a>
</body>
</html>
\ No newline at end of file