Commit 63046b28 authored by Michael Murtaugh's avatar Michael Murtaugh

collage display fixed size... since scaling on pi is really dreadful

parent f3808d52
......@@ -12,7 +12,7 @@ The server is written in javascript and requires node to run it. Camera and feat
For node, the required packages can be installed with the command:
npm install socket.io node-static javascript-state-machine extend dateformat async
npm install socket.io node-static javascript-state-machine extend dateformat async minimist
Preparing archive material
......
......@@ -52,6 +52,15 @@ body#search {
margin-right: auto;
height: 100%;
}
#collage #video video {
position: absolute;
left: 50%;
top: 50%;
margin-left: -320px;
margin-top: -240px;
width: 640px;
height: 480px;
}
/*body#collage #content img {}*/
#message {
......
<video src="output/collage20160218_123841.webm" autoplay loop></video>
<!DOCTYPE html>
<head>
<style>
#video {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
}
#video video {
/*width: 100%;*/
margin-left: auto;
margin-right: auto;
height: 100%;
}
</style>
</head>
<body>
<div id="video"">
<video src="output/collage20160218_123841.webm" autoplay loop>no video tag</video>
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<style>
#video {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
}
#video video {
/*width: 100%;*/
margin-left: auto;
margin-right: auto;
height: 100%;
}
</style>
</head>
<body>
<div id="video"">
<video src="output/test.mp4" autoplay loop>no video tag</video>
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<style>
#video {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
}
#video video {
position: absolute;
left: 50%;
top: 50%;
margin-left: -320px;
margin-top: -240px;
}
</style>
</head>
<body>
<div id="video"">
<video src="output/collage20160218_123841.webm" autoplay loop>no video tag</video>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment