first commit

2026-04-20 08:26:37 +02:00
commit cce2b9bc39
21 changed files with 14944 additions and 0 deletions
@@ -0,0 +1,59 @@
+from flask import Flask, send_file, render_template, request, abort
+from prometheus_flask_exporter import PrometheusMetrics
+
+import logging
+import time
+import os
+import yaml
+
+os.environ['TZ'] = "Europe/Berlin"
+time.tzset()
+
+
+logging.basicConfig(
+    filename='logs/flask.log',
+    encoding='utf-8',
+    level=logging.INFO,
+    format='%(asctime)s %(levelname)s:%(message)s'
+    )
+
+with open("config/cameras.yaml", "r") as yamlfile:
+    config = yaml.load(yamlfile, Loader=yaml.FullLoader)
+    print("camera config read successful")
+#print(yaml)
+
+app = Flask(__name__) 
+
+metrics = PrometheusMetrics(app)
+
+metrics.info('app_info', 'Application info', version='1.0.3')
+
+#@app.errorhandler(500)
+#def internal_error(error):
+#
+#    return "500 error"
+
+@app.errorhandler(404)
+def not_found(error):
+    filename = 'static/404.jpg'
+    return send_file(filename, mimetype='image/jpg'), 404
+
+@app.route('/error',methods = ['POST', 'GET'])
+def errorTest():
+    abort(500)
+
+@app.route('/',methods = ['POST', 'GET'])
+def index():
+    return render_template('index.html', config=config)
+
+#@app.route('/BirdStalker')
+#def get_image():
+#    filename = 'static/BirdStalker.jpg'
+#    return send_file(filename, mimetype='image/jpg')
+
+
+
+# main driver function
+if __name__ == '__main__':
+    app.run()
+
@@ -0,0 +1,15 @@
+- name: "Dummy" # name of camera
+  url: "" # camera-image url
+  interval: 5 # Capture intervall in minutes
+  timelapse: True # create timelapse every night
+  website:
+   picture: True # display camera on website
+   timelapse: True # display timelapse on website
+
+- name: "Dummy"
+  url: ""
+  interval: 5
+  timelapse: True
+  website:
+   picture: True
+   timelapse: True
@@ -0,0 +1,5 @@
+Flask
+gunicorn
+pyyaml
+requests
+prometheus-flask-exporter
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="de" data-bs-theme="dark">
+<head>
+  
+    <meta charset='UTF-8'>
+    <title>{% block title %}Birdstalker{% endblock %}</title>
+  
+    <meta name="robots" content="noindex">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="light dark">  
+    
+    <link rel="icon" type="image/vnd.icon" href="/static/favicon.ico">
+
+    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css'>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+
+</head>
+<body>
+    {% for camera in config%}
+        {% if camera.website.picture %}
+        <div class="webcam">
+            <h1>{{ camera.name }}</h1>
+            <img src="/static/output/{{camera.name}}.jpg" />
+
+            {% if camera.website.timelapse and camera.timelapse %}
+                <h2>Gestern:</h2>
+                <video controls width="100%">          
+                    <source src="/static/output/{{camera.name}}.mp4" type="video/mp4" />
+                
+                    Download the
+                    <a href="/static/output/{{camera.name}}.mp4">MP4</a>
+                    video.
+                </video>
+            {% endif %}
+        </div>
+        {% endif %}
+    {%endfor%}
+</body>
+</html>
+
+<style>
+    video {
+        background-color: hsla(0,0%,0%,.3);
+    }
+    
+    body {
+        color: black;
+        background-color: white ;
+        line-height: 5px;
+        font-family: Arial, sans-serif;
+        background: url(/static/images/background.svg) no-repeat center center fixed; 
+        -webkit-background-size: cover;
+        -moz-background-size: cover;
+        -o-background-size: cover;
+        background-size: cover;
+    }
+
+    a {
+        line-height:normal;
+    }
+
+    .webcam {  
+        max-width: 900px;
+        background-color: hsla(40,70%,60%,.9);
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-bottom: 10px;
+        border-radius: 9px;
+        border: 1px solid black;
+        margin-bottom: 10px;
+    }
+
+    .webcam img {
+        width: 100%;
+    }
+</style>
+<script>
+</script>