Duplicate from BraydenMoore/a-random-unsecured-camera

Co-authored-by: Brayden Moore <[email protected]>

.gitattributes

@@ -0,0 +1,36 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text
+static/loading.gif filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -0,0 +1,31 @@
+
+# Use the official lightweight Python image.
+# https://hub.docker.com/_/python
+FROM python:3.11-slim
+
+# Allow statements and log messages to immediately appear in the logs
+ENV PYTHONUNBUFFERED True
+
+# Copy local code to the container image.
+ENV APP_HOME /app
+WORKDIR $APP_HOME
+COPY . ./
+
+# Install production dependencies.
+RUN pip install --no-cache-dir -r requirements.txt
+
+RUN useradd -m -u 1000 user
+USER user
+ENV HOME=/home/user \
+	PATH=/home/user/.local/bin:$PATH
+
+WORKDIR $APP_HOME
+
+COPY --chown=user . $HOME/app
+
+# Run the web service on container startup. Here we use the gunicorn
+# webserver, with one worker process and 8 threads.
+# For environments with multiple CPU cores, increase the number of workers
+# to be equal to the cores available.
+# Timeout is set to 0 to disable the timeouts of the workers to allow Cloud Run to handle instance scaling.
+CMD exec gunicorn --bind 0.0.0.0:7860 --workers 1 --threads 8 --timeout 0 main:app

README.md

@@ -0,0 +1,12 @@
+---
+title: A Random Unsecured Camera
+emoji: 🐠
+colorFrom: green
+colorTo: purple
+sdk: docker
+pinned: false
+license: mit
+duplicated_from: BraydenMoore/a-random-unsecured-camera
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

active_urls.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5bacc7efc4d40e09c2b302a17b45c342ede99857815220deafef04211c3c3834
+size 165686

exceptions.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4a5a4d1e82c4e697c58e08f06d7afdffbb51c99e1c0752c0882f29a53e8cd02b
+size 104

live_urls.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ae1528d518b1bfc92d39e2a691af9f454728e6e4ad535d88865198019b5251d4
+size 144335

main.py

@@ -0,0 +1,113 @@
+from flask import Flask, Response, render_template, send_file, stream_with_context, request, session, redirect, url_for
+import requests
+import random
+import pickle as pkl
+import pycountry
+import datetime as dt
+import pytz
+from io import BytesIO
+import logging
+
+logging.basicConfig(level=logging.INFO)
+
+app = Flask(__name__)
+app.secret_key = 'green-flounder'
+
+with open('video_dict.pkl', 'rb') as f:
+    feed_dict = pkl.load(f)
+    
+with open('live_urls.pkl', 'rb') as f:
+    live_urls = pkl.load(f)
+
+with open('active_urls.pkl', 'rb') as f:
+    live_urls = pkl.load(f)
+
+def get_ip_info(ip_address):
+    try:
+        response = requests.get(f"http://ipinfo.io/{ip_address}/json")
+        data = response.json()
+        return data
+    except Exception as e:
+        return {"error": str(e)}
+
+def latlon_to_pixel(loc):
+    latitude = float(loc.split(',')[0])
+    longitude = float(loc.split(',')[1])
+
+    y = ((90-latitude)/180)
+    x = ((longitude+180)/360)
+    return x*100, y*100
+
+from urllib.parse import urlparse, parse_qs
+
+@app.route('/proxy/<path:url>')
+def proxy(url):
+    
+    headers = {
+        'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7',
+        'Accept-Encoding': 'gzip, deflate',
+        'Accept-Language': 'en-US,en;q=0.9',
+        'Cache-Control': 'max-age=0',
+        'Connection': 'keep-alive',
+        'Dnt': '1',
+        'Upgrade-Insecure-Requests': '1',
+        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36'
+    }
+
+    clean_url = url.replace('proxy/', '')
+    print('Cleaned URL:', clean_url)
+    
+    try:
+        if '.jpg' in clean_url and 'stream' not in clean_url:
+            req = requests.get(clean_url, headers=headers, timeout=3)
+            logging.info(f"Status Code: {req.status_code}, Response Headers: {req.headers}")
+            return Response(req.content, content_type=req.headers['content-type'])
+        else:
+            req = requests.get(clean_url, headers=headers, stream=True, timeout=10)
+            logging.info(f"Status Code: {req.status_code}, Response Headers: {req.headers}")
+            return Response(req.iter_content(chunk_size=512), content_type=req.headers['content-type'])
+    except requests.exceptions.RequestException as e:
+        logging.error(f"Error in proxy: {e}")
+        return send_file('static/error.png', mimetype='image/png')
+
+
+@app.route('/')
+def index():
+    
+    if 'current_feed' in session and request.args.get('new', 'false') == 'false':
+        feed = session['current_feed']
+    else:
+        feed = random.randint(0, len(live_urls) - 1)
+        session['current_feed'] = feed
+        
+    #url = feed_dict[feed]['url']
+    url = live_urls[feed]
+    ip = ''.join(url.split('//')[-1]).split(':')[0]
+    info = get_ip_info(ip)
+    country = (pycountry.countries.get(alpha_2=info['country']).name).lower()
+    name = (info['city'] + ", " + info['region'] + ", " + country).lower()
+    org = info['org'].lower()
+    timezone = pytz.timezone(info['timezone'])
+    time = dt.datetime.now(timezone)
+    loc = info['loc']
+    X, Y = latlon_to_pixel(info['loc'])
+    proxy_url = 'proxy/' + url
+    
+    loc_link = f"https://www.google.com/maps/search/{loc}"
+    ip_link = url
+    return render_template('index.html', 
+                               name=name, 
+                               url=proxy_url, 
+                               info=info, 
+                               country=country, 
+                               time=time, 
+                               ip=ip, 
+                               ip_link=ip_link,
+                               org=org, 
+                               loc=loc, 
+                               loc_link=loc_link, 
+                               X=X, 
+                               Y=Y)
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port='7860', debug=True)

requirements.txt

@@ -0,0 +1,5 @@
+Flask==2.2.5
+pycountry==22.3.5
+pytz==2023.3
+requests==2.31.0
+gunicorn==20.1.0

templates/index.html

@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<head>
+  <link rel="icon" type="image/png" href="https://images.squarespace-cdn.com/content/v1/64790f5777b5d772678cce83/6d71eaee-f825-4324-be9b-2def32469eac/Untitled+drawing+%2811%29.png?format=100w">
+    <title>a random unsecured camera</title>
+    <style>
+        body {
+            transition: 0.3s;
+            justify-content: left;
+            background-color: black;
+            padding-top: 3%;
+            margin-left: 5vw;
+        }
+
+        .pulse {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            position: absolute;
+            background-color: yellow;
+            opacity: 0.5;
+            animation: pulse-animation 5s infinite;
+            margin-left: -20px;
+            margin-top: -20px; 
+        }
+
+        .dot {
+            border-style: solid;
+            border-width: 2px;
+            border-color: black;
+            width: 5px;
+            height: 5px;
+            border-radius: 50%;
+            position: absolute;
+            background-color: yellow;
+            margin-left: -4.5px;
+            margin-top: -4.5px;
+        }
+
+        @keyframes pulse-animation {
+            0% { transform: scale(0.1); opacity: 0.4; }
+            100% { transform: scale(3); opacity: 0; }
+        }
+
+        .flex-container {
+            display: flex;
+            justify-content: left;
+            align-items: top;
+        }
+
+        .outer-container {
+            margin-left: 2%;
+            justify-content: left;
+            align-items: left;
+            max-width: 70vw;
+        }
+
+        .feed {
+            padding: 1%;
+            border-style: solid;
+            border-width: 1px;
+            border-color: yellow;
+            margin-right: 3%;
+            margin-bottom: 3%;
+            min-width: 50%; 
+            height: 65vh;
+        }
+
+        .map-div {
+            padding: 1%;
+            position: relative;
+            width: 100%;
+            height: 50%;
+            margin-top: 3%;
+            margin-bottom: 3%;
+            box-sizing: border-box;
+        }
+
+        .map {
+            width: 100%; 
+            height: 100%;
+            object-fit: cover;
+            margin: auto;
+        }
+
+        .info {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+        }
+      
+        a:hover {
+            background-color: yellow;
+            color: black;
+            transition: 0.5s ease-in-out;
+        }
+
+        a {
+            color:rgb(83, 83, 83);
+        }
+
+        @media only screen and (orientation: portrait) {
+            body {
+              margin-left: auto;
+            }
+          
+            .h1 {
+              margin-bottom: 2%;
+            }
+          
+            .flex-container {
+                flex-direction: column;
+                align-items: left;
+            }
+            
+            .feed {
+                width: 90vw;
+                max-height: 45vh;
+                margin-right: 0;
+            }
+            .info {
+                width: 90vw;
+                height: 65vh;
+            }
+        }
+
+    </style>
+</head>
+
+<body style="background-color: black;">
+    <div class="outer-container">
+        <p style="color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;"> a random unsecured camera in</p>
+        <h1 style="color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50; margin-bottom: 3%;"> {{ country }}</h1>
+                <div class="flex-container">
+                      <img id="feed" class="feed" src="{{ url_for('proxy', url=url) }}" />
+                    <div class="info">
+
+                        <h3 style="border-bottom: 1px solid yellow; color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;">{{ name }}</h3>
+
+                      <div style="display: flex; margin-top: 3%; margin-bottom: 3%;">
+                        <a href="?new=true" style="margin-right: 10px; display: inline-block;">
+                          <button class="hoverButton" style="border: 1px solid yellow; background-color: transparent; color: rgb(83, 83, 83); padding: 10px;">
+                            another
+                          </button>
+                        </a>
+                        <a href="?new=false" id="refreshSameFeedButton" style="display: inline-block;">
+                          <button class="hoverButton" style="border: 1px solid rgb(83, 83, 83); background-color: transparent; color: rgb(83, 83, 83); padding: 10px;">
+                            refresh
+                          </button>
+                        </a>
+                      </div>
+                      
+                      <p style="color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;">
+                        <a href="{{ ip_link }}" target="_blank">raw data: {{ ip }}</a> <br>  
+                          lat, lon: {{ loc }}<br>
+                          owner: {{ org }}<br>
+                          time: {{ time }}
+                        </p>
+
+                      
+                        <div class="map-div">
+                            <img id="map" src="{{ url_for('static', filename='map_populated.png') }}" style="width: 100%; height: 100%;" />
+                            <div class="dot" style="left: {{ X }}%; top: {{ Y }}%;"></div>
+                            <div class="pulse" style="left: {{ X }}%; top: {{ Y }}%;"></div>
+                        </div>
+
+                      <p style="color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50; margin-top: 3%;">
+                        a brayden moore website
+                      </p>
+
+                    </div>
+                </div>
+    </div>
+
+
+    <script>
+        // document.addEventListener("DOMContentLoaded", function() {
+        //    const feed = document.getElementById("feed");
+        //    feed.src = "{{ url_for('static', filename='loading.gif') }}"
+        //    setTimeout(function() {
+        //       const newUrl = "{{ url }}"; 
+        //        feed.src = newUrl;
+        //    }); 
+        //   });
+
+
+      document.addEventListener("DOMContentLoaded", function() {
+          const feed = document.getElementById("feed");
+          feed.src = "{{ url_for('static', filename='loading.gif') }}";
+          
+          const newUrl = "{{ url }}";
+          
+          const img = new Image();
+          img.onload = function() {
+              feed.src = this.src;
+          };
+          img.src = newUrl;
+      });
+
+    </script>
+</body>
+
+</html>

video_dict.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f4ec8ec38d1aec5adec11fce5a185d87b53eba7302080761c100998498474a65
+size 291669