-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (144 loc) · 6.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>LectureSight - Camera Tracking</title>
<link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/business-frontpage.css" rel="stylesheet">
<style>
.btn-primary {
background-color: rgb(16,83,155);
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" style="background-color: rgb(16,83,155);">
<div class="container">
<a class="navbar-brand" href="#">LectureSight</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://lecturesight.readthedocs.io/en/latest/index.html#">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/LectureSight/lecturesight">Source Code</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header with Background Image -->
<header class="business-header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="display-3 text-center text-white mt-4" id="bannertext" style="padding-top:3.6em;">move.freely</h1>
</div>
</div>
</div>
</header>
<!-- Page Content -->
<div class="container">
<div class="row" style="padding-top:2em;">
<div class="col-1"></div>
<div class="col-10">
<h2 class="mt-4">LectureSight - Unobtrusive live camera tracking</h2>
<p style="padding-top:2em;">LectureSight offers an automatic virtual camera operator for presentation, lecture and seminar recordings. Our solution is free and Open Source, aiming to improve the quality of academic video recordings while keeping cost at a minimum. The presenter does not need to waer any kind of indicator or marker and in fact doesn't need to care about the recording at all. LectureSight uses state-of-the-art computer vision algorithms to passively discover and track persons on stage or at the lectern. The behavior of the virtual camera operator can be customized to fit individual recording scenarios.</p>
<p>The project is an offspring of the <a href="https://opencast.org/">Opencast</a> academic video project. LectureSight integrates samelessly with Opencast's video recording infrastructure and can be controlled by the same Opencast core server and the same schedule that manages the capture agents. Thus, when integrated with an Opencast system, cameras will only move while the capture agent is actively recording.</p>
</div>
<div class="col-1"></div>
</div>
<!-- /.row -->
<div class="row" style="padding-top:4em;">
<div class="col-2 mx-auto"></div>
<div class="embed-responsive embed-responsive-4by3 col-8 mx-auto text-center">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/w42JvbslOCM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
<div class="col-2 mx-auto"></div>
</div>
<div class="row" style="padding-top:4em; padding-bottom:4em;">
<div class="col-sm-4 my-4">
<div class="card">
<img class="card-img-top" src="img/lecturer.jpeg" alt="">
<div class="card-body">
<h4 class="card-title">Unobtrusive</h4>
<p class="card-text">LectureSight uses no markers such as necklaces or eletronic boxes, persons are discovered and tracked using state-of-the-art computer vision algorithms running on the GPU.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">Find Out More!</a>
</div>
</div>
</div>
<div class="col-sm-4 my-4">
<div class="card">
<img class="card-img-top" src="img/ls_tracker_ptz_still.png" alt="">
<div class="card-body">
<h4 class="card-title">Customizable</h4>
<p class="card-text">The image analysis and the behavior of the virtual camera operator can be customized to fit a particular recording venue and to provide data protection for the live audience.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">Find Out More!</a>
</div>
</div>
</div>
<div class="col-sm-4 my-4">
<div class="card">
<img class="card-img-top" src="img/ls-camera-setup.png" alt="">
<div class="card-body">
<h4 class="card-title">Variety of Hardware</h4>
<p class="card-text">With LectureSight you can use standard webcams and even Raspberry Pi over network as overview camera. The system supports the standard protocols for controlling PTZ cameras via RS-232 and TCP/IP.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">Find Out More!</a>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright © The LectureSight Project 2019</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script>
texts = ["move.freely", "talk.freely", "teach.freely"];
text_index = 1;
bannertext = document.getElementById('bannertext');
setInterval(function() {
$(bannertext).fadeOut(1200, function() {
bannertext.innerHTML = texts[text_index++];
$(bannertext).fadeIn(1200);
});
if (text_index > 2) {
text_index = 0;
}
}, 4000);
</script>
</body>
</html>