FlaskCameraLiveStream/templates/index.html

63 lines
1.7 KiB
HTML
Raw Permalink Normal View History

2020-09-21 20:44:29 +00:00
<!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') }}">
2020-09-21 20:44:29 +00:00
</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>
2020-09-21 20:44:29 +00:00
</div>
2020-09-21 20:44:29 +00:00
<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>
2020-09-21 20:44:29 +00:00
</html>