Skip to content

Commit 985146c

Browse files
KwadFanKwadFan
committed
Fixed .gitignore
* Deleted Line 'ustreamer-www' in gitignore Signed-off-by: Stephan Wendel <[email protected]>
1 parent 05e1f9e commit 985146c

File tree

4 files changed

+130
-3
lines changed

4 files changed

+130
-3
lines changed

‎.gitignore

-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
# Ignore ustreamer static for now.
2-
ustreamer-www/
3-
41
#Ignore ERRORS.txt
52
ERRORS.txt
63

‎ustreamer-www/index.html

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html lang="en" >
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Ustreamer Webcam</title>
6+
<link rel="stylesheet" href="./style.css">
7+
8+
</head>
9+
<body>
10+
<!-- partial:index.partial.html -->
11+
<header>
12+
<span>Webcam - ustreamer</span>
13+
</header>
14+
15+
<div class="container">
16+
<div class="panel">
17+
<div class="title">Stream</div>
18+
<img id="streamImg" src="./stream">
19+
</div>
20+
21+
<div class="panel">
22+
<div class="title"><span>Snapshot</span>
23+
<span class="reload" onclick="reloadSnapshot()">
24+
<noscript>Please refresh the page, to get an up to date image.</noscript>
25+
<svg id="reloadSVG" viewBox="0 0 512 512" title="redo-alt">
26+
<path d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z" />
27+
</svg>
28+
</span>
29+
</div>
30+
<img id="snapshotImg" src="./snapshot">
31+
</div>
32+
</div>
33+
<!-- partial -->
34+
<script src="./script.js"></script>
35+
36+
</body>
37+
</html>

‎ustreamer-www/script.js

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
document.getElementById("reloadSVG").style.display = "inline";
2+
3+
function reloadSnapshot() {
4+
snapshotUrl =
5+
"./snapshot";
6+
document.getElementById("snapshotImg").src =
7+
snapshotUrl + "?" + new Date().getTime();
8+
}

‎ustreamer-www/style.css

+85
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
body {
2+
background-color: #121212;
3+
color: #fff;
4+
font-size: 1.5rem;
5+
font-family: Roboto, sans-serif;
6+
margin: 0px;
7+
user-select: none;
8+
}
9+
10+
a {
11+
text-decoration: none;
12+
color: #bbb;
13+
}
14+
15+
header {
16+
background-color: #272727;
17+
height: 48px;
18+
line-height: 48px;
19+
box-shadow: 0 0 5px #000;
20+
}
21+
22+
header a,
23+
header span {
24+
display: inline-block;
25+
height: 100%;
26+
padding: 0 20px;
27+
}
28+
29+
.container {
30+
padding: 20px;
31+
display: flex;
32+
flex-flow: row wrap;
33+
justify-content: center;
34+
gap: 20px 30px;
35+
}
36+
37+
.panel {
38+
background-color: #1e1e1e;
39+
border-radius: 4px;
40+
min-width: 350px;
41+
max-width: 500px;
42+
flex-grow: 4;
43+
44+
box-shadow: 0 10px 20px #000;
45+
}
46+
47+
.title {
48+
background-color: #272727;
49+
height: 48px;
50+
line-height: 48px;
51+
padding-left: 20px;
52+
border-radius: 4px;
53+
display: flex;
54+
font-size: 1.3rem;
55+
}
56+
57+
.panel img {
58+
width: 100%;
59+
}
60+
61+
span:first-of-type {
62+
flex: 1;
63+
}
64+
65+
.reload svg {
66+
display: none;
67+
fill: #ccc;
68+
height: 16px;
69+
margin: 0 20px;
70+
cursor: pointer;
71+
}
72+
73+
.reload svg:hover {
74+
fill: #fff;
75+
}
76+
77+
.reload svg:not(:active) {
78+
transition: transform 0.4s ease-in-out;
79+
transform: rotate(360deg);
80+
}
81+
82+
.reload noscript {
83+
font-size: 0.6rem;
84+
color: #ccc;
85+
}

0 commit comments

Comments
 (0)