first commit

Bugswriter · May 17, 2022 · 55dc15f · 55dc15f
commit 55dc15f
Show file tree

Hide file tree

Showing 6 changed files with 242 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0  1,162 @@
 env
 __pycache__/
 # Byte-compiled / optimized / DLL files
 __pycache__/
 *.py[cod]
 *$py.class
 
 # C extensions
 *.so
 
 # Distribution / packaging
 .Python
 build/
 develop-eggs/
 dist/
 downloads/
 eggs/
 .eggs/
 lib/
 lib64/
 parts/
 sdist/
 var/
 wheels/
 share/python-wheels/
 *.egg-info/
 .installed.cfg
 *.egg
 MANIFEST
 
 # PyInstaller
 #  Usually these files are written by a python script from a template
 #  before PyInstaller builds the exe, so as to inject date/other infos into it.
 *.manifest
 *.spec
 
 # Installer logs
 pip-log.txt
 pip-delete-this-directory.txt
 
 # Unit test / coverage reports
 htmlcov/
 .tox/
 .nox/
 .coverage
 .coverage.*
 .cache
 nosetests.xml
 coverage.xml
 *.cover
 *.py,cover
 .hypothesis/
 .pytest_cache/
 cover/
 
 # Translations
 *.mo
 *.pot
 
 # Django stuff:
 *.log
 local_settings.py
 db.sqlite3
 db.sqlite3-journal
 
 # Flask stuff:
 instance/
 .webassets-cache
 
 # Scrapy stuff:
 .scrapy
 
 # Sphinx documentation
 docs/_build/
 
 # PyBuilder
 .pybuilder/
 target/
 
 # Jupyter Notebook
 .ipynb_checkpoints
 
 # IPython
 profile_default/
 ipython_config.py
 
 # pyenv
 #   For a library or package, you might want to ignore these files since the code is
 #   intended to run in multiple environments; otherwise, check them in:
 # .python-version
 
 # pipenv
 #   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
 #   However, in case of collaboration, if having platform-specific dependencies or dependencies
 #   having no cross-platform support, pipenv may install dependencies that don't work, or not
 #   install all needed dependencies.
 #Pipfile.lock
 
 # poetry
 #   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
 #   This is especially recommended for binary packages to ensure reproducibility, and is more
 #   commonly ignored for libraries.
 #   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
 #poetry.lock
 
 # pdm
 #   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
 #pdm.lock
 #   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
 #   in version control.
 #   https://pdm.fming.dev/#use-with-ide
 .pdm.toml
 
 # PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
 __pypackages__/
 
 # Celery stuff
 celerybeat-schedule
 celerybeat.pid
 
 # SageMath parsed files
 *.sage.py
 
 # Environments
 .env
 .venv
 env/
 venv/
 ENV/
 env.bak/
 venv.bak/
 
 # Spyder project settings
 .spyderproject
 .spyproject
 
 # Rope project settings
 .ropeproject
 
 # mkdocs documentation
 /site
 
 # mypy
 .mypy_cache/
 .dmypy.json
 dmypy.json
 
 # Pyre type checker
 .pyre/
 
 # pytype static type analyzer
 .pytype/
 
 # Cython debug symbols
 cython_debug/
 
 # PyCharm
 #  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
 #  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
 #  and can be added to the global gitignore or merged into this file.  For a more nuclear
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
 #.idea/
diff --git a/main.py b/main.py
@@ -0,0  1,34 @@
 import time
 import base64
 from flask import Flask, render_template, jsonify, Response
 import cv2
 
 app = Flask(__name__)
 
 @app.route("/")
 def home():
     return render_template("home.html")
 
 def generate_frames():
     while True:
         frame = cv2.imread("test.jpg")
         _ , buffer = cv2.imencode('.jpg', frame)
         frame = buffer.tobytes()
         yield (b'--frame\r\n'
                 b'Content-Type: image/jpeg\r\n\r\n'   frame   b'\r\n')
 
 @app.route("/input_image")
 def input_image():
     return Response(generate_frames(), mimetype='multipart/x-mixed-replace; boundary=frame')
 
 @app.route("/output_response")
 def output_response():
     path = "test.jpg"
 
     with open(path, 'rb') as image_file:
         b64_encoded_image = "data:image/jpeg;base64, "   base64.b64encode(image_file.read()).decode("utf-8")
 
     return jsonify({"image": b64_encoded_image})
 
 if __name__=="__main__":
     app.run(debug=True)
diff --git a/static/js/script.js b/static/js/script.js
@@ -0,0  1,12 @@
 
 left_image = document.getElementById("left_image");
 right_image = document.getElementById("right_image");
 click_button = document.getElementById("click_button");
 
 async function output_response(){
     url = "/output_response"
     let res = await fetch(url);
     let data = await res.json();
     right_image.src = data.image;
 }
 click_button.addEventListener("click", output_response);
diff --git a/templates/base.html b/templates/base.html
@@ -0,0  1,14 @@
 <!doctype html>
 <html>
   <head>
     <title>Digital Printing</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
   </head>
   <body>
     <div class="container">
       {% block content %}
       {% endblock %}
     </div>
   </body>
   <script src="{{ url_for('static', filename='js/script.js') }}"></script>
 </html>
diff --git a/templates/home.html b/templates/home.html
@@ -0,0  1,20 @@
 {% extends "base.html" %}
 {% block content %}
 
 <header class="text-center p-3 m-3">
     <h1 class="h1">Digital Printing</h1>
 </header>
 <div class="row p-3 m-3">
     <div class="col">
 	<img alt="input" class="img-thumbnail" id="left_image" src="{{ url_for('input_image') }}" width="500px"/>
     </div>
     <div class="col">
 	<img alt="input" class="img-thumbnail" id="right_image" src="https://static.billboard.com/files/media/miley-cyrus-grammys-c-2019-billboard-u-1548-compressed.jpg" width="500px"/>
     </div>
 </div>
 <div class="row p-3 m-3">
     <div class="col text-center">
 	<button id="click_button" class="btn btn-danger shadow w-50">Click</button>
     </div>
 </div>
 {% endblock %}
diff --git a/test.jpg b/test.jpg