63 lines
1.7 KiB
HTML
63 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Camera Live Feed</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="main">
|
|
<img class="camera-bg" id="bg" class="center" src="{{ url_for('video_feed') }}">
|
|
</div>
|
|
|
|
<div class="navbar">
|
|
<div>
|
|
<a href="/images" title="Gallery">
|
|
<button>
|
|
<i class="fa fa-picture-o fa-2x" aria-hidden="true"></i>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
|
|
<div>
|
|
<a href="#" id="take-picture" title="Take a picture">
|
|
<button>
|
|
<i class="fa fa-camera fa-2x" aria-hidden="true"></i>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
|
|
<div>
|
|
<a href="#" id="more-exposure" title="More exposure">
|
|
<button>
|
|
<i class="fa fa-plus fa-2x" aria-hidden="true"></i>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
|
|
<div>
|
|
<a href="#" id="less-exposure" title="Less exposure">
|
|
<button>
|
|
<i class="fa fa-minus fa-2x" aria-hidden="true"></i>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
|
|
<div>
|
|
<a href="#" id="copy-video-stream-url" title="Copy the video stream url">
|
|
<button>
|
|
<i class="fa fa-clipboard fa-2x" aria-hidden="true"></i>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
<script type="text/javascript" src="{{ url_for('static', filename='script.js') }}"></script>
|
|
</body>
|
|
</html>
|