initial commit

Dockerfile

@@ -0,0 +1,43 @@
+FROM python:3.8.10-slim
+
+RUN export DEBIAN_FRONTEND=noninteractive \
+    && apt-get -qq update \
+    && apt install software-properties-common -y \
+    && apt-get install build-essential -y \
+    && python3 --version \
+    && apt update \
+    && apt install ffmpeg -y \
+    && rm -rf /var/lib/apt/lists/* \
+    && apt update \
+    && apt install nginx -y
+
+### Set up user with permissions
+# Set up a new user named "user" with user ID 1000
+RUN useradd -m -u 1000 user
+
+# Switch to the "user" user
+USER user
+
+# Set home to the user's home directory
+ENV HOME=/home/user \
+    PATH=/home/user/.local/bin:$PATH
+
+# Set the working directory to the user's home directory
+WORKDIR $HOME/app
+
+### Set up app-specific content
+COPY requirements.txt requirements.txt
+RUN pip3 install -r requirements.txt
+RUN pip3 install gunicorn
+
+# Copy the current directory contents into the container at $HOME/app setting the owner to the user
+COPY --chown=user app $HOME/app
+
+### Update permissions for the app
+USER root
+RUN chmod 755 ~/app/*
+USER user
+
+# RUN python3 server.py
+ENTRYPOINT ["python3", "app.py"]
+# ENTRYPOINT ["gunicorn", "--timeout 600", "wsgi:app"]

LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

app/app.py

@@ -0,0 +1,148 @@
+import os
+import uuid
+import logging
+from flask import Flask, flash, render_template, request, jsonify, url_for
+from flask.templating import TemplateNotFound 
+from flask_cors import CORS
+#from modules import Module
+
+#model = Module()
+
+
+app = Flask(__name__)
+CORS(app)
+
+app.secret_key = "Testing"
+app.config['STATIC_FOLDER'] = 'static' 
+
+emotion_categories = {
+  "admiration": "soothieanduplift",
+  "amusement": "soothieanduplift",
+  "anger": "distractandchange",
+  "annoyance": "distractandchange",
+  "approval": "soothieanduplift",
+  "caring": "soothieanduplift",
+  "confusion": "engageandexplore",
+  "curiosity": "engageandexplore",
+  "desire": "engageandexplore",
+  "disappointment": "reflectiveandunderstand",
+  "disapproval": "distractandchange",
+  "disgust": "distractandchange",
+  "embarrassment": "distractandchange",
+  "excitement": "energeticandmotivate",
+  "fear": "distractandchange",
+  "gratitude": "soothieanduplift",
+  "grief": "reflectiveandunderstand",
+  "joy": "energeticandmotivate",
+  "love": "soothieanduplift",
+  "nervousness": "distractandchange",
+  "optimism": "energeticandmotivate",
+  "pride": "energeticandmotivate",
+  "realization": "engageandexplore",
+  "relief": "soothieanduplift",
+  "remorse": "reflectiveandunderstand",
+  "sadness": "reflectiveandunderstand",
+  "surprise": "engageandexplore",
+  "neutral": "soothieanduplift"
+}
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/audio_to_text/')
+def audio_to_text():
+    return render_template('audio_to_text.html')
+
+@app.route('/audio', methods=['POST', 'GET'])
+def audio():
+    if request.method == 'POST':
+        try:
+            output_file = f"./tmp/{uuid.uuid4()}.wav"
+            open(output_file, 'wb').write(request.data)
+            text, emotion = model.predict(audio_path=output_file)
+            os.remove(output_file)
+            
+            predicted_category = emotion_categories.get(emotion, "defaultcategory")
+            return jsonify({
+                "url": url_for(predicted_category, text=text, emotion=emotion)
+            })
+            print("Predicted Category:", predicted_category)  # Print predicted category
+            print("Text:", text)  # Print predicted text
+            print("Emotion:", emotion)  # Print predicted emotion
+            logging.info("Predicted Category: %s", predicted_category)
+            logging.info("Text: %s", text)
+            logging.info("Emotion: %s", emotion)
+            return jsonify({"url": url_for(predicted_category)})
+            
+        except (FileNotFoundError, TemplateNotFound) as e:
+            logging.error(e)
+            return jsonify({"error": "Template file not found."}), 404
+
+        except Exception as e:
+            logging.error(e)
+            return jsonify({"error": "An error occurred"}), 500
+            
+    elif request.method == 'GET':
+        return jsonify({"message": "This route only accepts POST requests."}), 405
+
+
+@app.route('/reflectiveandunderstand', methods=['GET']) 
+def reflectiveandunderstand():
+    text = request.args.get('text', '')  # Get predicted text
+    emotion = request.args.get('emotion', '')  # Get predicted emotion
+    if emotion in emotion_data:
+        emotionInfo = emotion_data[emotion]
+        return render_template('reflectiveandunderstand.html', text=text, emotion=emotion, emotionInfo=emotionInfo)
+    else:
+        return jsonify({"error": "Emotion not found"}), 404
+    
+@app.route('/distractandchange', methods=['GET']) 
+def distractandchange():
+    text = request.args.get('text', '')  # Get predicted text
+    emotion = request.args.get('emotion', '')  # Get predicted emotion
+    if emotion in emotion_data:
+        emotionInfo = emotion_data[emotion]
+        return render_template('distractandchange.html', text=text, emotion=emotion, emotionInfo=emotionInfo)
+    else:
+        return jsonify({"error": "Emotion not found"}), [email protected]('/energeticandmotivate', methods=['GET']) 
+    
+def energeticandmotivate():
+    text = request.args.get('text', '')  # Get predicted text
+    emotion = request.args.get('emotion', '')  # Get predicted emotion
+    if emotion in emotion_data:
+        emotionInfo = emotion_data[emotion]
+        return render_template('energeticandmotivate.html', text=text, emotion=emotion, emotionInfo=emotionInfo)
+    else:
+        return jsonify({"error": "Emotion not found"}), [email protected]('/energeticandmotivate', methods=['GET']) 
+    
+@app.route('/engageandexplore', methods=['GET']) 
+def engageandexplore():
+    text = request.args.get('text', '')  # Get predicted text
+    emotion = request.args.get('emotion', '')  # Get predicted emotion
+    if emotion in emotion_data:
+        emotionInfo = emotion_data[emotion]
+        return render_template('engageandexplore.html', text=text, emotion=emotion, emotionInfo=emotionInfo)
+    else:
+        return jsonify({"error": "Emotion not found"}), [email protected]('/energeticandmotivate', methods=['GET']) 
+    
+# Add more routes as needed, mirroring your category names
+@app.route('/soothieanduplift', methods=['GET']) 
+def soothieanduplift():
+    text = request.args.get('text', '')  # Get predicted text
+    emotion = request.args.get('emotion', '')  # Get predicted emotion
+    if emotion in emotion_data:
+        emotionInfo = emotion_data[emotion]
+        return render_template('soothieanduplift.html', text=text, emotion=emotion, emotionInfo=emotionInfo)
+    else:
+        return jsonify({"error": "Emotion not found"}), [email protected]('/energeticandmotivate', methods=['GET']) 
+
+# Add more routes as needed, mirroring your category names
+
+
+
+if __name__ == "__main__":
+  # Configure logging for Hugging Face environment
+  logging.basicConfig(level=logging.DEBUG)
+
+  app.run(debug=True, port=7860, host='0.0.0.0')

app/emotion_data.py

@@ -0,0 +1,170 @@
+emotion_data = {
+    "admiration": {
+        'heading': "Time to appreciate the beauty around you!",
+        'info': "We've picked songs that uplift your mood and inspire feelings of wonder.",
+        'category': "soothieanduplift",
+        'class': "emotion-info emotion-heading"
+    },
+    "amusement": {
+        'heading': "Let's have some fun! Get ready to laugh and lighten up.",
+        'info': "This playlist features playful and lighthearted music to boost your mood.",
+        'category': "soothieanduplift",
+        'class': "emotion-info emotion-heading"
+    },
+    "anger": {
+        'heading': "Time to cool off!",
+        'info': "Here are some tracks to help you release anger and find peace.",
+        'category': "distractandchange",
+        'class': "emotion-info emotion-heading"
+    },
+    "annoyance": {
+        'heading': "Feeling annoyed? Let's turn it around!",
+        'info': "Listen to these tunes to shift your mood and find some relief.",
+        'category': "distractandchange",
+        'class': "emotion-info emotion-heading"
+    },
+    "approval": {
+        'heading': "Feel appreciated and acknowledged!",
+        'info': "Enjoy these tracks that celebrate approval and acceptance.",
+        'category': "soothieanduplift",
+        'class': "emotion-info emotion-heading"
+    },
+    "caring": {
+        'heading': "Embrace feelings of care and compassion.",
+        'info': "This playlist is all about fostering a sense of warmth and empathy.",
+        'category': "soothieanduplift",
+        'class': "emotion-info emotion-heading"
+    },
+    "confusion": {
+        'heading': "Embrace the confusion and explore!",
+        'info': "Dive into these tracks to embrace curiosity and explore new perspectives.",
+        'category': "engageandexplore",
+        'class': "emotion-info emotion-heading"
+    },
+    "curiosity": {
+        'heading': "Fuel your curiosity with these tunes!",
+        'info': "Feed your curiosity and thirst for knowledge with this eclectic playlist.",
+        'category': "engageandexplore",
+        'class': "emotion-info emotion-heading"
+    },
+    "desire": {
+        'heading': "Embrace your desires and passions!",
+        'info': "Indulge in these tracks that ignite feelings of longing and passion.",
+        'category': "engageandexplore",
+        'class': "emotion-info emotion-heading"
+    },
+    "disappointment": {
+        'heading': "Feeling disappointed? You're not alone.",
+        'info': "Reflect and understand with these songs that capture the essence of disappointment.",
+        'category': "reflectiveandunderstand",
+        'class': "emotion-info emotion-heading"
+    },
+    "disapproval": {
+        'heading': "Shake off disapproval and find your groove.",
+        'info': "Listen to these tunes to uplift your spirits and brush off negativity.",
+        'category': "distractandchange",
+        'class': "emotion-info emotion-heading"
+    },
+    "disgust": {
+        'heading': "Time to cleanse your palate!",
+        'info': "Find solace in these tracks that help you move past feelings of disgust.",
+        'category': "distractandchange",
+        'class': "emotion-info emotion-heading"
+    },
+    "embarrassment": {
+        'heading': "Embrace the embarrassment and move forward!",
+        'info': "Listen to these tunes to shake off embarrassment and regain confidence.",
+        'category': "distractandchange",
+        'class': "emotion-info emotion-heading"
+    },
+    "excitement": {
+        'heading': "Get ready to be pumped up!",
+        'info': "Feel the energy with these high-octane tracks that fuel excitement.",
+        'category': "energeticandmotivate",
+        'class': "emotion-info emotion-heading"
+    },
+    "fear": {
+        'heading': "Facing fear head-on!",
+        'info': "Conquer your fears with these empowering tracks that inspire courage.",
+        'category': "distractandchange",
+        'class': "emotion-info emotion-heading"
+    },
+    "gratitude": {
+        'heading': "Feel grateful and blessed!",
+        'info': "Express gratitude with these heartfelt tunes that inspire thankfulness.",
+        'category': "soothieanduplift",
+        'class': "emotion-info emotion-heading"
+    },
+    "grief": {
+        'heading': "Navigating through grief and loss.",
+        'info': "Reflect and understand with these poignant songs that capture the essence of grief.",
+        'category': "reflectiveandunderstand",
+        'class': "emotion-info emotion-heading"
+    },
+    "joy": {
+        'heading': "Let joy fill your heart!",
+        'info': "Experience pure bliss with these uplifting tracks that radiate joy.",
+        'category': "energeticandmotivate",
+        'class': "emotion-info emotion-heading"
+    },
+    "love": {
+        'heading': "Celebrate love in all its forms!",
+        'info': "Get lost in these romantic tunes that celebrate the beauty of love.",
+        'category': "soothieanduplift",
+        'class': "emotion-info emotion-heading"
+    },
+    "nervousness": {
+        'heading': "Embrace the nerves and stay strong!",
+        'info': "Find calmness and strength with these soothing tracks that ease nervousness.",
+        'category': "distractandchange",
+        'class': "emotion-info emotion-heading"
+    },
+    "optimism": {
+        'heading': "Stay positive and optimistic!",
+        'info': "Fuel your optimism with these uplifting tunes that inspire positivity.",
+        'category': "energeticandmotivate",
+        'class': "emotion-info emotion-heading"
+    },
+    "pride": {
+        'heading': "Feel proud of your achievements!",
+        'info': "Celebrate your accomplishments with these triumphant tunes that exude pride.",
+        'category': "energeticandmotivate",
+        'class': "emotion-info emotion-heading"
+    },
+    "realization": {
+        'heading': "Embrace newfound realizations!",
+        'info': "Explore new insights and perspectives with these thought-provoking tunes.",
+        'category': "engageandexplore",
+        'class': "emotion-info emotion-heading"
+    },
+    "relief": {
+        'heading': "Find relief and comfort!",
+        'info': "Experience a sense of relief and relaxation with these calming tracks.",
+        'category': "soothieanduplift",
+        'class': "emotion-info emotion-heading"
+    },
+    "remorse": {
+        'heading': "Reflecting on remorse and learning.",
+        'info': "Reflect and understand with these introspective tunes that delve into remorse.",
+        'category': "reflectiveandunderstand",
+        'class': "emotion-info emotion-heading"
+    },
+    "sadness": {
+        'heading': "Embrace the sadness and find solace.",
+        'info': "Navigate through feelings of sadness with these comforting tracks.",
+        'category': "reflectiveandunderstand",
+        'class': "emotion-info emotion-heading"
+    },
+    "surprise": {
+        'heading': "Expect the unexpected!",
+        'info': "Embrace the element of surprise with these unpredictable tracks.",
+        'category': "engageandexplore",
+        'class': "emotion-info emotion-heading"
+    },
+    "neutral": {
+        'heading': "Find balance and neutrality.",
+        'info': "Stay grounded with these tranquil tracks that embody neutrality.",
+        'category': "soothieanduplift",
+        'class':"emotion-info emotion-heading"
+    }
+}

app/modules/__init__.py

@@ -0,0 +1,34 @@
+import os
+import time
+
+from modules.emotion import Emotion
+from modules.transcription import Transcription
+
+transcription_model = "tiny.en"
+emotion_model = "joeddav/distilbert-base-uncased-go-emotions-student"
+
+transcription_obj = Transcription(model_name=transcription_model)
+emotion_obj = Emotion(model_name=emotion_model)
+
+class Module:
+
+    def predict(self, audio_path: str) -> str:
+        """Loads audio, gets transcription and detects emotion
+
+        Args:
+            audio_path (str): path to the audio file
+
+        Returns:
+            str: emotion
+        """
+        print("Getting transcription...")
+        start_time = time.time()
+        if text := transcription_obj.transcribe(audio_path=audio_path):
+            print("Text: ", text, time.time() - start_time)
+            
+            start_time = time.time()
+            emotion = emotion_obj.detect_emotion(text=text)
+            print("Emotion: ", emotion, time.time() - start_time)
+            return text, emotion
+        return None
+        

app/modules/audio/__init__.py

@@ -0,0 +1,18 @@
+from typing import Any
+
+import whisper
+
+
+class Audio:
+    @classmethod
+    def load_audio(cls, audio_path: str) -> Any:
+        """Loads audio file from the disk
+
+        Args:
+            audio_path (str): path of the audio file
+
+        Returns:
+            Any: loaded audio file in numbers
+        """
+        return whisper.load_audio(audio_path)
+    

app/modules/emotion/__init__.py

@@ -0,0 +1,24 @@
+from typing import Any
+
+from modules.utils import Pipeline, load_model
+
+
+class Emotion:
+    task: str = "text-classification"
+    
+    def __init__(self, model_name: str) -> None:
+        # model_name: str = "/models/distilbert-base-uncased-go-emotions-student/"
+        print("Loading emotion model...")
+        self.emotion_model: Pipeline = load_model(task=self.task, model=model_name)
+        print("Loaded emotion model")
+    
+    def detect_emotion(self, text: str) -> str:
+        """Detects emotion of the given text
+
+        Args:
+            text (str): text
+
+        Returns:
+            str: emotion
+        """
+        return self.emotion_model(text)[0]['label']

app/modules/transcription/__init__.py

@@ -0,0 +1,30 @@
+import torch
+from faster_whisper import WhisperModel
+
+
+class Transcription:
+
+    def __init__(self, model_name: str) -> None:
+        print("Loading whisper model...")
+        self.whisper_model = self.load_whisper(model_id=model_name)
+        print("Loaded whisper model")
+    
+    def load_whisper(self, model_id: str):
+
+        device = "cuda:0" if torch.cuda.is_available() else "cpu"
+        torch_dtype = "float16" if torch.cuda.is_available() else "float32"
+
+        return WhisperModel(model_id, device=device, compute_type=torch_dtype)
+    
+    def transcribe(self, audio_path: str) -> str:
+        """Transcribes the given audio data
+
+        Args:
+            audio_path (str): audio path
+
+        Returns:
+            str: text
+        """
+        segments, info = self.whisper_model.transcribe(audio_path, language="en")
+        return "".join(segment.text for segment in segments)
+        

app/modules/utils.py

@@ -0,0 +1,20 @@
+import torch
+from transformers import pipeline
+from transformers.pipelines.base import Pipeline
+
+
+def load_model(task: str, model: str) -> Pipeline:
+    """Loads the given transformers model based on the given task
+
+    Args:
+        task (str): NLP task
+        model (str): transformers model
+
+    Returns:
+        Pipeline: transformers pipeline object
+    """
+    return pipeline(
+        task=task, 
+        model=model, 
+        device = 0 if torch.cuda.is_available() else -1
+    )

app/static/audio_main.js

@@ -0,0 +1,159 @@
+let now_playing = document.querySelector(".now-playing");
+let track_art = document.querySelector(".track-art");
+let track_name = document.querySelector(".track-name");
+let track_artist = document.querySelector(".track-artist");
+
+let playpause_btn = document.querySelector(".playpause-track");
+let next_btn = document.querySelector(".next-track");
+let prev_btn = document.querySelector(".prev-track");
+
+let seek_slider = document.querySelector(".seek_slider");
+let volume_slider = document.querySelector(".volume_slider");
+let curr_time = document.querySelector(".current-time");
+let total_duration = document.querySelector(".total-duration");
+
+let track_index = 0;
+let isPlaying = false;
+let updateTimer;
+
+// Create new audio element
+let curr_track = document.createElement('audio');
+
+// Define the tracks that have to be played
+let track_list = [
+  {
+    name: "Night Owl",
+    artist: "Broke For Free",
+    image: "https://images.pexels.com/photos/2264753/pexels-photo-2264753.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=250&w=250",
+    path: "https://files.freemusicarchive.org/storage-freemusicarchive-org/music/WFMU/Broke_For_Free/Directionless_EP/Broke_For_Free_-_01_-_Night_Owl.mp3"
+  },
+  {
+    name: "Enthusiast",
+    artist: "Tours",
+    image: "https://images.pexels.com/photos/3100835/pexels-photo-3100835.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=250&w=250",
+    path: "https://files.freemusicarchive.org/storage-freemusicarchive-org/music/no_curator/Tours/Enthusiast/Tours_-_01_-_Enthusiast.mp3"
+  },
+  {
+    name: "Shipping Lanes",
+    artist: "Chad Crouch",
+    image: "https://images.pexels.com/photos/1717969/pexels-photo-1717969.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=250&w=250",
+    path: "https://files.freemusicarchive.org/storage-freemusicarchive-org/music/ccCommunity/Chad_Crouch/Arps/Chad_Crouch_-_Shipping_Lanes.mp3",
+  },
+  {
+    name: "Starboy",
+    artist: "Weeknd",
+    image: "/static/weeknd.jpeg",
+    path: "/static/The Weeknd - Starboy ft.mp3",
+  },
+  
+];
+
+function random_bg_color() {
+
+  // Get a number between 64 to 256 (for getting lighter colors)
+  let red = Math.floor(Math.random() * 256) + 64;
+  let green = Math.floor(Math.random() * 256) + 64;
+  let blue = Math.floor(Math.random() * 256) + 64;
+
+  // Construct a color withe the given values
+  let bgColor = "rgb(" + red + "," + green + "," + blue + ")";
+
+  // Set the background to that color
+  document.body.style.background = bgColor;
+}
+
+function loadTrack(track_index) {
+  clearInterval(updateTimer);
+  resetValues();
+  curr_track.src = track_list[track_index].path;
+  curr_track.load();
+
+  track_art.style.backgroundImage = "url(" + track_list[track_index].image + ")";
+  track_name.textContent = track_list[track_index].name;
+  track_artist.textContent = track_list[track_index].artist;
+  now_playing.textContent = "PLAYING " + (track_index + 1) + " OF " + track_list.length;
+
+  updateTimer = setInterval(seekUpdate, 1000);
+  curr_track.addEventListener("ended", nextTrack);
+  random_bg_color();
+}
+function resetValues() {
+  curr_time.textContent = "00:00";
+  total_duration.textContent = "00:00";
+  seek_slider.value = 0;
+}
+
+// Load the first track in the tracklist
+loadTrack(track_index);
+
+function playpauseTrack() {
+  if (!isPlaying) playTrack();
+  else pauseTrack();
+}
+
+function playTrack() {
+  curr_track.play();
+  isPlaying = true;
+  playpause_btn.innerHTML = '<i class="fa fa-pause-circle fa-5x"></i>';
+}
+
+function pauseTrack() {
+  curr_track.pause();
+  isPlaying = false;
+  playpause_btn.innerHTML = '<i class="fa fa-play-circle fa-5x"></i>';;
+}
+
+function nextTrack() {
+  if (track_index < track_list.length - 1) {
+    track_index += 1;
+  } else {
+    track_index = 0;
+  }
+
+  loadTrack(track_index); // Load the new track
+
+  // Once the track is loaded, call playTrack
+  curr_track.addEventListener('loadeddata', playTrack);
+}
+
+function prevTrack() {
+  if (track_index > 0)
+    track_index -= 1;
+  else track_index = track_list.length;
+  loadTrack(track_index);
+  playTrack();
+}
+
+function seekTo() {
+  let seekto = curr_track.duration * (seek_slider.value / 100);
+  curr_track.currentTime = seekto;
+}
+
+function setVolume() {
+  curr_track.volume = volume_slider.value / 100;
+}
+
+function seekUpdate() {
+  let seekPosition = 0;
+
+  if (!isNaN(curr_track.duration)) {
+    seekPosition = curr_track.currentTime * (100 / curr_track.duration);
+
+    seek_slider.value = seekPosition;
+
+    let currentMinutes = Math.floor(curr_track.currentTime / 60);
+    let currentSeconds = Math.floor(curr_track.currentTime - currentMinutes * 60);
+    let durationMinutes = Math.floor(curr_track.duration / 60);
+    let durationSeconds = Math.floor(curr_track.duration - durationMinutes * 60);
+
+    if (currentSeconds < 10) { currentSeconds = "0" + currentSeconds; }
+    if (durationSeconds < 10) { durationSeconds = "0" + durationSeconds; }
+    if (currentMinutes < 10) { currentMinutes = "0" + currentMinutes; }
+    if (durationMinutes < 10) { durationMinutes = "0" + durationMinutes; }
+
+    curr_time.textContent = currentMinutes + ":" + currentSeconds;
+    total_duration.textContent = durationMinutes + ":" + durationSeconds;
+  }
+}
+
+

app/static/audio_to_text.css

@@ -0,0 +1,135 @@
+body {
+  background: linear-gradient(to right, #0f4da6, #0f4da6, #1e272e, #1e272e);
+  margin: 0; /* Remove default body margin */
+  padding: 0; /* Remove default body padding */
+}
+
+.container {
+  position: relative; 
+}
+
+.row { 
+  background: linear-gradient(to right, #0f4da6, #0f4da6, #1e272e, #1e272e);
+  border-radius: 8px;
+  padding: 20px;
+  margin-bottom: 20px;
+  display: flex; /* Use Flexbox */
+  justify-content: space-around;
+}
+
+.column {
+  width: 45%; /* Adjust as needed */
+  padding: 15px;
+  color: #f0f0f5;
+}
+
+#recording-instructions {
+  text-align: left;
+  margin-top: 10px; 
+  font-style: italic;
+}
+
+.row {
+  display: flex; 
+  flex-direction: column; /* Stack items vertically */
+  align-items: left;
+  margin-bottom: 3%;
+  background-color: #060073;
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
+@media screen and (max-width: 600px) {
+  .column1 {
+    width: 100%;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .column2 {
+    width: 100%;
+  }
+}
+
+#imgInp {
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
+}
+
+label {
+  cursor: pointer;
+  padding-left: 10%;
+  padding-right: 10%;
+  padding-top: 2%;
+  padding-bottom: 2%;
+  font-size: 100%;
+  color: #000000;
+  border-radius: 25px;
+  background-color: #228B22;
+}
+
+#blah {
+  max-width: 60%;
+  max-height: 60%;
+}
+
+#image_div1 {
+  max-width: 70%;
+  max-height: 70%;
+}
+
+#stop, #start {
+  background-color: black;
+  color: white;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  margin: 10px; /* Add margin to create gap */
+  transition: background-color 0.3s ease; /* Add transition for smooth effect */
+}
+
+#stop {
+  margin-right: 5px; /* Adjust margin to create gap */
+}
+
+#stop:hover, #start:hover {
+  background-color: #333; /* Change background color on hover */
+}
+
+.animated-title {
+  font-size: 2.5rem;
+  font-weight: bold;
+  color: white;
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+  animation: fadeIn 2s forwards;
+  transition: color 0.5s ease-in-out, text-shadow 0.5s ease-in-out;
+  white-space: nowrap;
+    position: absolute;
+  left: 200px; /* Adjust the value as needed */
+  top: 20px;
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animated-title:hover {
+  color: black;
+  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8);
+}
+

app/static/audiodisplay.js

@@ -0,0 +1,19 @@
+function drawBuffer( width, height, context, data ) {
+    var step = Math.ceil( data.length / width );
+    var amp = height / 2;
+    context.fillStyle = "silver";
+    context.clearRect(0,0,width,height);
+    for(var i=0; i < width; i++){
+        var min = 1.0;
+        var max = -1.0;
+        for (j=0; j<step; j++) {
+            var datum = data[(i*step)+j]; 
+            if (datum < min)
+                min = datum;
+            if (datum > max)
+                max = datum;
+        }
+        context.fillRect(i,(1+min)*amp,1,Math.max(1,(max-min)*amp));
+    }
+}
+

app/static/dem.css

@@ -0,0 +1,53 @@
+*{
+    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    color: #171717;
+    background-color: antiquewhite;
+}
+header {
+    text-align: center;
+    
+}
+.grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+  }
+  
+  .card {
+    border: 3px solid #f6a503;
+    border-radius: 8px;
+    overflow: hidden;
+  }
+  
+  .card img {
+    width: 100%;
+    height: 600px;
+    display: block;
+  }
+  
+  .card-content {
+    padding: 20px;
+  }
+  
+  .card-content h2 {
+    margin-top: 0;
+  }
+  
+  .card-content h4 {
+    margin-bottom: 10px;
+  }
+  
+  .card-content button {
+    background-color: #f6a503;
+    color: #000000;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+  }
+  
+  .card-content button:hover {
+    background-color: #ffffff;
+  }
+  

app/static/demo.css

@@ -0,0 +1,40 @@
+/* style.css */
+.audio-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    background-color: #2caaf3
+  }
+  
+  .audio-player {
+    width: 300px;
+    margin: 15px;
+    border: 1px solid #ccc;
+    padding: 15px;
+    border-radius: 8px;
+    text-align: center;  
+    background-color: #0af32d; /* Light background color */
+    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
+  }
+  
+  .audio-player:nth-child(odd) { 
+    background-color: #c71a82; /* Alternating background */
+  } 
+  
+  .audio-image {
+    width: 100%;
+    height: 200px;
+    object-fit: cover;
+    border-radius: 8px;
+  }
+  
+  .audio-info {
+    margin-top: 10px;
+  }
+  
+  /* Hover effect on the audio player */
+  .audio-player:hover {
+    background-color: #fcfbf9; 
+    cursor: pointer;
+  }
+  

app/static/distract.js

@@ -0,0 +1,165 @@
+let now_playing = document.querySelector(".now-playing");
+let track_art = document.querySelector(".track-art");
+let track_name = document.querySelector(".track-name");
+let track_artist = document.querySelector(".track-artist");
+
+let playpause_btn = document.querySelector(".playpause-track");
+let next_btn = document.querySelector(".next-track");
+let prev_btn = document.querySelector(".prev-track");
+
+let seek_slider = document.querySelector(".seek_slider");
+let volume_slider = document.querySelector(".volume_slider");
+let curr_time = document.querySelector(".current-time");
+let total_duration = document.querySelector(".total-duration");
+
+let track_index = 0;
+let isPlaying = false;
+let updateTimer;
+
+// Create new audio element
+let curr_track = document.createElement('audio');
+
+// Define the tracks that have to be played
+let track_list = [
+  {
+    name: "Happy",
+    artist: "Pharrell Williams",
+    image: "/static/happy.jpeg",
+    path: "/static/Pharrell Williams - Happy (Video).mp3"
+  },
+  {
+    name: "CAN'T STOP THE FEELING! ",
+    artist: "DreamWorks",
+    image: "/static/couldntstopfeel.jpeg",
+    path: "/static/CAN'T STOP THE FEELING! (from DreamWorks Animation's TROLLS) (Official Video).mp3"
+  },
+  {
+    name: "I'm Still Standing",
+    artist: "Elton John",
+    image: "/static/imstillstanding.jpeg",
+    path: "/static/Elton John - I'm Still Standing.mp3",
+  },
+  {
+    name: "Starboy",
+    artist: "Weeknd",
+    image: "/static/weeknd.png",
+    path: "/static/The Weeknd - Starboy ft.mp3",
+  },
+  {
+    name: "All Star",
+    artist: "Smash Mouth",
+    image: "/static/allstarsmash.jpeg",
+    path: "/static/Smash Mouth - All Star (Official Music Video).mp3",
+  }
+  
+];
+
+function random_bg_color() {
+
+  // Get a number between 64 to 256 (for getting lighter colors)
+  let red = Math.floor(Math.random() * 256) + 64;
+  let green = Math.floor(Math.random() * 256) + 64;
+  let blue = Math.floor(Math.random() * 256) + 64;
+
+  // Construct a color withe the given values
+  let bgColor = "rgb(" + red + "," + green + "," + blue + ")";
+
+  // Set the background to that color
+  document.body.style.background = bgColor;
+}
+
+function loadTrack(track_index) {
+  clearInterval(updateTimer);
+  resetValues();
+  curr_track.src = track_list[track_index].path;
+  curr_track.load();
+
+  track_art.style.backgroundImage = "url(" + track_list[track_index].image + ")";
+  track_name.textContent = track_list[track_index].name;
+  track_artist.textContent = track_list[track_index].artist;
+  now_playing.textContent = "PLAYING " + (track_index + 1) + " OF " + track_list.length;
+
+  updateTimer = setInterval(seekUpdate, 1000);
+  curr_track.addEventListener("ended", nextTrack);
+  random_bg_color();
+}
+function resetValues() {
+  curr_time.textContent = "00:00";
+  total_duration.textContent = "00:00";
+  seek_slider.value = 0;
+}
+
+// Load the first track in the tracklist
+loadTrack(track_index);
+
+function playpauseTrack() {
+  if (!isPlaying) playTrack();
+  else pauseTrack();
+}
+
+function playTrack() {
+  curr_track.play();
+  isPlaying = true;
+  playpause_btn.innerHTML = '<i class="fa fa-pause-circle fa-5x"></i>';
+}
+
+function pauseTrack() {
+  curr_track.pause();
+  isPlaying = false;
+  playpause_btn.innerHTML = '<i class="fa fa-play-circle fa-5x"></i>';;
+}
+
+function nextTrack() {
+  if (track_index < track_list.length - 1) {
+    track_index += 1;
+  } else {
+    track_index = 0;
+  }
+
+  loadTrack(track_index); // Load the new track
+
+  // Once the track is loaded, call playTrack
+  curr_track.addEventListener('loadeddata', playTrack);
+}
+
+function prevTrack() {
+  if (track_index > 0)
+    track_index -= 1;
+  else track_index = track_list.length;
+  loadTrack(track_index);
+  playTrack();
+}
+
+function seekTo() {
+  let seekto = curr_track.duration * (seek_slider.value / 100);
+  curr_track.currentTime = seekto;
+}
+
+function setVolume() {
+  curr_track.volume = volume_slider.value / 100;
+}
+
+function seekUpdate() {
+  let seekPosition = 0;
+
+  if (!isNaN(curr_track.duration)) {
+    seekPosition = curr_track.currentTime * (100 / curr_track.duration);
+
+    seek_slider.value = seekPosition;
+
+    let currentMinutes = Math.floor(curr_track.currentTime / 60);
+    let currentSeconds = Math.floor(curr_track.currentTime - currentMinutes * 60);
+    let durationMinutes = Math.floor(curr_track.duration / 60);
+    let durationSeconds = Math.floor(curr_track.duration - durationMinutes * 60);
+
+    if (currentSeconds < 10) { currentSeconds = "0" + currentSeconds; }
+    if (durationSeconds < 10) { durationSeconds = "0" + durationSeconds; }
+    if (currentMinutes < 10) { currentMinutes = "0" + currentMinutes; }
+    if (durationMinutes < 10) { durationMinutes = "0" + durationMinutes; }
+
+    curr_time.textContent = currentMinutes + ":" + currentSeconds;
+    total_duration.textContent = durationMinutes + ":" + durationSeconds;
+  }
+}
+
+

app/static/distractandchange.css

@@ -0,0 +1,29 @@
+/* style.css */
+.audio-player {
+    background-color: var(--secondary-color); 
+    background-image: url("path/to/subtle-pattern.png"); /* Optional */ 
+    border-radius: 15px; 
+    padding: 30px;
+    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
+}
+
+.player-controls {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    margin-bottom: 15px;
+}
+
+.player-controls button {
+    /* Style your buttons */
+}
+
+.song-info {
+    text-align: center;
+}
+
+.album-cover {
+    width: 150px;
+    height: 150px;
+    margin-bottom: 10px;
+} 

app/static/energy.js

@@ -0,0 +1,163 @@
+let now_playing = document.querySelector(".now-playing");
+let track_art = document.querySelector(".track-art");
+let track_name = document.querySelector(".track-name");
+let track_artist = document.querySelector(".track-artist");
+
+let playpause_btn = document.querySelector(".playpause-track");
+let next_btn = document.querySelector(".next-track");
+let prev_btn = document.querySelector(".prev-track");
+
+let seek_slider = document.querySelector(".seek_slider");
+let volume_slider = document.querySelector(".volume_slider");
+let curr_time = document.querySelector(".current-time");
+let total_duration = document.querySelector(".total-duration");
+
+let track_index = 0;
+let isPlaying = false;
+let updateTimer;
+
+// Create new audio element
+let curr_track = document.createElement('audio');
+
+// Define the tracks that have to be played
+let track_list = [
+  {
+    name: "Stronger",
+    artist: "Kanye West",
+    image: "stronger.jpeg",
+    path: "Kanye West - Stronger.mp3"
+  },
+  {
+    name: "Chak De India",
+    artist: "Salim-Sulaiman",
+    image: "chakdeindia.jpeg",
+    path: "Chak De India Song  Title Song  Shah Rukh Khan  Sukhwinder Singh  Salim-Sulaiman  Jaideep Sahni.mp3  },
+  {
+    name: "Dhaakad",
+    artist: "Pritam",
+    image: "dangal.jpeg",
+    path: "Dhaakad - Full Video  Dangal  Aamir Khan  Pritam  Amitabh Bhattacharya  Raftaar.mp3  },
+  {
+    name: "Roar",
+    artist: "Katy Perry",
+    image: "/static/roar.jpeg",
+    path: "/static/Katy Perry - Roar.mp3",
+  },
+  
+  {
+    name: "Uptown Funk",
+    artist: "Mark Ronson",
+    image: "/static/uptownfunk.jpeg",
+    path: "/static/Mark Ronson - Uptown Funk (Official Video) ft. Bruno Mars.mp3"
+  },
+];
+
+function random_bg_color() {
+
+  // Get a number between 64 to 256 (for getting lighter colors)
+  let red = Math.floor(Math.random() * 256) + 64;
+  let green = Math.floor(Math.random() * 256) + 64;
+  let blue = Math.floor(Math.random() * 256) + 64;
+
+  // Construct a color withe the given values
+  let bgColor = "rgb(" + red + "," + green + "," + blue + ")";
+
+  // Set the background to that color
+  document.body.style.background = bgColor;
+}
+
+function loadTrack(track_index) {
+  clearInterval(updateTimer);
+  resetValues();
+  curr_track.src = track_list[track_index].path;
+  curr_track.load();
+
+  track_art.style.backgroundImage = "url(" + track_list[track_index].image + ")";
+  track_name.textContent = track_list[track_index].name;
+  track_artist.textContent = track_list[track_index].artist;
+  now_playing.textContent = "PLAYING " + (track_index + 1) + " OF " + track_list.length;
+
+  updateTimer = setInterval(seekUpdate, 1000);
+  curr_track.addEventListener("ended", nextTrack);
+  random_bg_color();
+}
+function resetValues() {
+  curr_time.textContent = "00:00";
+  total_duration.textContent = "00:00";
+  seek_slider.value = 0;
+}
+
+// Load the first track in the tracklist
+loadTrack(track_index);
+
+function playpauseTrack() {
+  if (!isPlaying) playTrack();
+  else pauseTrack();
+}
+
+function playTrack() {
+  curr_track.play();
+  isPlaying = true;
+  playpause_btn.innerHTML = '<i class="fa fa-pause-circle fa-5x"></i>';
+}
+
+function pauseTrack() {
+  curr_track.pause();
+  isPlaying = false;
+  playpause_btn.innerHTML = '<i class="fa fa-play-circle fa-5x"></i>';;
+}
+
+function nextTrack() {
+  if (track_index < track_list.length - 1) {
+    track_index += 1;
+  } else {
+    track_index = 0;
+  }
+
+  loadTrack(track_index); // Load the new track
+
+  // Once the track is loaded, call playTrack
+  curr_track.addEventListener('loadeddata', playTrack);
+}
+
+function prevTrack() {
+  if (track_index > 0)
+    track_index -= 1;
+  else track_index = track_list.length;
+  loadTrack(track_index);
+  playTrack();
+}
+
+function seekTo() {
+  let seekto = curr_track.duration * (seek_slider.value / 100);
+  curr_track.currentTime = seekto;
+}
+
+function setVolume() {
+  curr_track.volume = volume_slider.value / 100;
+}
+
+function seekUpdate() {
+  let seekPosition = 0;
+
+  if (!isNaN(curr_track.duration)) {
+    seekPosition = curr_track.currentTime * (100 / curr_track.duration);
+
+    seek_slider.value = seekPosition;
+
+    let currentMinutes = Math.floor(curr_track.currentTime / 60);
+    let currentSeconds = Math.floor(curr_track.currentTime - currentMinutes * 60);
+    let durationMinutes = Math.floor(curr_track.duration / 60);
+    let durationSeconds = Math.floor(curr_track.duration - durationMinutes * 60);
+
+    if (currentSeconds < 10) { currentSeconds = "0" + currentSeconds; }
+    if (durationSeconds < 10) { durationSeconds = "0" + durationSeconds; }
+    if (currentMinutes < 10) { currentMinutes = "0" + currentMinutes; }
+    if (durationMinutes < 10) { durationMinutes = "0" + durationMinutes; }
+
+    curr_time.textContent = currentMinutes + ":" + currentSeconds;
+    total_duration.textContent = durationMinutes + ":" + durationSeconds;
+  }
+}
+
+

app/static/engage.js

@@ -0,0 +1,165 @@
+let now_playing = document.querySelector(".now-playing");
+let track_art = document.querySelector(".track-art");
+let track_name = document.querySelector(".track-name");
+let track_artist = document.querySelector(".track-artist");
+
+let playpause_btn = document.querySelector(".playpause-track");
+let next_btn = document.querySelector(".next-track");
+let prev_btn = document.querySelector(".prev-track");
+
+let seek_slider = document.querySelector(".seek_slider");
+let volume_slider = document.querySelector(".volume_slider");
+let curr_time = document.querySelector(".current-time");
+let total_duration = document.querySelector(".total-duration");
+
+let track_index = 0;
+let isPlaying = false;
+let updateTimer;
+
+// Create new audio element
+let curr_track = document.createElement('audio');
+
+// Define the tracks that have to be played
+let track_list = [
+    {
+    name: "Smells Like Teen Spirit ",
+    artist: "Nirvana",
+    image: "/static/smellsliketeen.jpeg",
+    path: "/static/Nirvana - Smells Like Teen Spirit (Official Music Video).mp3",
+  },
+  {
+    name: "lifeonmars",
+    artist: "David Bowie",
+    image: "/static/lifeonmars.jpeg",
+    path: "/static/David Bowie  Life On Mars_ (Official Video).mp3"
+  },
+  {
+    name: "Queen",
+    artist: "Bohemian Rhapsody",
+    image: "/static/queen.jpeg",
+    path: "/static/Queen  Bohemian Rhapsody (Official Video Remastered).mp3"
+  },
+  {
+    name: "Hotel California",
+    artist: "Remaster",
+    image: "/static/hotelcalifornia.jpeg",
+    path: "/static/Hotel California (2013 Remaster).mp3",
+  },
+  {
+    name: "Hallelujah",
+    artist: "Leonard Cohen",
+    image: "/static/hallelujah.jpeg",
+    path: "/static/Leonard Cohen - Hallelujah (Live In London).mp3",
+  }  
+  
+];
+
+function random_bg_color() {
+
+  // Get a number between 64 to 256 (for getting lighter colors)
+  let red = Math.floor(Math.random() * 256) + 64;
+  let green = Math.floor(Math.random() * 256) + 64;
+  let blue = Math.floor(Math.random() * 256) + 64;
+
+  // Construct a color withe the given values
+  let bgColor = "rgb(" + red + "," + green + "," + blue + ")";
+
+  // Set the background to that color
+  document.body.style.background = bgColor;
+}
+
+function loadTrack(track_index) {
+  clearInterval(updateTimer);
+  resetValues();
+  curr_track.src = track_list[track_index].path;
+  curr_track.load();
+
+  track_art.style.backgroundImage = "url(" + track_list[track_index].image + ")";
+  track_name.textContent = track_list[track_index].name;
+  track_artist.textContent = track_list[track_index].artist;
+  now_playing.textContent = "PLAYING " + (track_index + 1) + " OF " + track_list.length;
+
+  updateTimer = setInterval(seekUpdate, 1000);
+  curr_track.addEventListener("ended", nextTrack);
+  random_bg_color();
+}
+function resetValues() {
+  curr_time.textContent = "00:00";
+  total_duration.textContent = "00:00";
+  seek_slider.value = 0;
+}
+
+// Load the first track in the tracklist
+loadTrack(track_index);
+
+function playpauseTrack() {
+  if (!isPlaying) playTrack();
+  else pauseTrack();
+}
+
+function playTrack() {
+  curr_track.play();
+  isPlaying = true;
+  playpause_btn.innerHTML = '<i class="fa fa-pause-circle fa-5x"></i>';
+}
+
+function pauseTrack() {
+  curr_track.pause();
+  isPlaying = false;
+  playpause_btn.innerHTML = '<i class="fa fa-play-circle fa-5x"></i>';;
+}
+
+function nextTrack() {
+  if (track_index < track_list.length - 1) {
+    track_index += 1;
+  } else {
+    track_index = 0;
+  }
+
+  loadTrack(track_index); // Load the new track
+
+  // Once the track is loaded, call playTrack
+  curr_track.addEventListener('loadeddata', playTrack);
+}
+
+function prevTrack() {
+  if (track_index > 0)
+    track_index -= 1;
+  else track_index = track_list.length;
+  loadTrack(track_index);
+  playTrack();
+}
+
+function seekTo() {
+  let seekto = curr_track.duration * (seek_slider.value / 100);
+  curr_track.currentTime = seekto;
+}
+
+function setVolume() {
+  curr_track.volume = volume_slider.value / 100;
+}
+
+function seekUpdate() {
+  let seekPosition = 0;
+
+  if (!isNaN(curr_track.duration)) {
+    seekPosition = curr_track.currentTime * (100 / curr_track.duration);
+
+    seek_slider.value = seekPosition;
+
+    let currentMinutes = Math.floor(curr_track.currentTime / 60);
+    let currentSeconds = Math.floor(curr_track.currentTime - currentMinutes * 60);
+    let durationMinutes = Math.floor(curr_track.duration / 60);
+    let durationSeconds = Math.floor(curr_track.duration - durationMinutes * 60);
+
+    if (currentSeconds < 10) { currentSeconds = "0" + currentSeconds; }
+    if (durationSeconds < 10) { durationSeconds = "0" + durationSeconds; }
+    if (currentMinutes < 10) { currentMinutes = "0" + currentMinutes; }
+    if (durationMinutes < 10) { durationMinutes = "0" + durationMinutes; }
+
+    curr_time.textContent = currentMinutes + ":" + currentSeconds;
+    total_duration.textContent = durationMinutes + ":" + durationSeconds;
+  }
+}
+
+

app/static/footer.js

@@ -0,0 +1,8 @@
+function myFunction() {
+    var x = document.getElementById("myFootnav");
+    if (x.className === "footnov") {
+      x.className += " responsive";
+    } else {
+      x.className = "footnov";
+    }
+  }

app/static/footer_file.css

@@ -0,0 +1,48 @@
+.footnov {
+  overflow: hidden;
+  background-color: #333; /* Darker gray for better contrast */
+  color: #f2f2f2;
+  padding: 20px 0; /* Added padding for content */
+}
+
+.footnov a {
+  float: left;
+  display: block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 16px 20px; 
+  text-decoration: none;
+  font-size: 17px;
+  transition: background-color 0.3s ease; /* Adding transition */
+}
+
+.footnov a:hover {
+  background-color: #555; /* Slightly darker hover effect */
+}
+
+.footnov a.active {
+  background-color: rgb(80, 61, 226); /* Match header for consistency */
+  color: white;
+}
+
+@media screen and (max-width: 600px) {
+  .footnov a:not(:first-child) {display: none;}
+  .footnov a.icon {
+    float: right;
+    display: block;
+  }
+}
+
+@media screen and (max-width: 100px) {
+  .footnov.responsive {position: relative;}
+  .footnov.responsive .icon {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+  .footnov.responsive a {
+    float: none;
+    display: block;
+    text-align: left;
+  }
+}

app/static/header.js

@@ -0,0 +1,8 @@
+function myFunction() {
+    var x = document.getElementById("mytopnav");
+    if (x.className === "topnav") {
+      x.className += " responsive";
+    } else {
+      x.className = "topnav";
+    }
+  }

app/static/header_file.css

@@ -0,0 +1,77 @@
+body {
+  margin: 0;
+  text-align: left;  
+  font-family: 'Roboto', sans-serif; /* More modern font choice */
+}
+
+.topnav {
+  overflow: hidden;
+  background-color: #007bff;
+}
+
+.topnav a {
+  float: left;
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 16px 20px; /* Increased padding for a more spacious look */
+  text-decoration: none;
+  font-size: 17px;
+  margin-right: 15px;
+  transition: background-color 0.3s ease; /* Adding transition */
+}
+
+.topnav a:hover {
+  background-color: black;  /* Black with low opacity */
+  color: white; /* Cleaner contrast */
+}
+
+.topnav a.active {
+  color: white;
+}
+
+/* Responsive Design */
+@media screen and (max-width: 600px) {
+  .topnav a:not(:first-child) { display: none; }
+  .topnav a.icon {
+    float: right;
+    display: block;
+    font-size: 24px; /* Larger icon for better visibility */
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .topnav.responsive { position: relative; }
+  .topnav.responsive .icon {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+  .topnav.responsive a {
+    float: none;
+    display: block;
+    text-align: left;
+  }
+}
+
+
+  .alert {
+    padding: 20px;
+    background-color: #f44336;
+    color: black;
+  }
+  
+  .closebtn {
+    margin-left: 15px;
+    color: white;
+    font-weight: bold;
+    float: right;
+    font-size: 22px;
+    line-height: 20px;
+    cursor: pointer;
+    transition: 0.3s;
+  }
+  
+  .closebtn:hover {
+    color: black;
+  }

app/static/login.css

@@ -0,0 +1,39 @@
+/* login.css and register.css (adjust as needed) */
+.container {
+    width: 400px;
+    margin: 50px auto;
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    text-align: center;
+    background-color: #f8f8f8; 
+    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+}
+
+h1 {
+    margin-bottom: 20px;
+    color: #333; 
+}
+
+input[type="text"], input[type="email"], input[type="password"] {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 15px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+.button-primary { /* Reuse from previous example */
+  background-color: #007bff;
+  color: white;
+  border: none;
+  padding: 10px 20px;
+  text-decoration: none;
+  border-radius: 5px;
+  font-size: 1rem;
+  transition: background-color 0.3s ease; 
+}
+
+.button-primary:hover {
+  background-color: #0056b3; 
+}

app/static/main.css

@@ -0,0 +1,109 @@
+/* Add a gradient background color to the body */
+body {
+  background: linear-gradient(to right, #0f4da6, #0f4da6, #1e272e, #1e272e);
+}
+
+/* Center the content */
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+/* Style the header */
+header {
+  background-color: #007bff;
+  color: white;
+  padding: 1rem;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 100;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+h1.title-font {
+  font-family: 'Dancing Script', cursive;
+  font-weight: 400;
+  margin-bottom: 0.5rem;
+  color: white; /* Change the color to your desired color */
+  font-size: 2.5rem; /* Increase the font size */
+  animation: fadeIn 2s forwards; /* Apply animation */
+}
+
+p {
+  font-family: 'Dancing Script', cursive;
+  font-weight: 400;
+  margin-bottom: 0.5rem;
+  color: black; /* Change the color to your desired color */
+  font-size: 1.5rem; /* Increase the font size */
+  animation: fadeIn 2s forwards; /* Apply animation */
+  transition: color 0.5s ease-in-out; /* Apply transition */
+
+}
+
+@keyframes typing {
+  from { width: 0; }
+  to { width: 100%; }
+}
+
+@keyframes blink-caret {
+  from, to { border-color: transparent; }
+  50% { border-color: #ff00ff; } /* Change the color to your desired color */
+}
+
+
+p.title {
+  font-size: 2.5rem;
+  font-weight: bold;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  color: white;
+  margin-bottom: 2rem;
+  text-align: center;
+  animation: fadeIn 2s forwards;
+  transition: color 0.5s ease-in-out;
+}
+
+/* Animation for fading in */
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+/* Style the button */
+.button-primary {
+  background-color: white;
+  color: black;
+  border: none;
+  padding: 10px 20px;
+  text-decoration: none;
+  border-radius: 5px;
+  font-size: 1rem;
+  transition: background-color 0.3s ease;
+  margin-top: 2rem;
+  animation: pulse 1s ease-in-out infinite;
+
+}
+
+.button-primary:hover {
+  background-color: #f0f0f0;
+}
+@keyframes pulse {
+  0% {
+    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
+  }
+  50% {
+    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.5);
+  }
+  100% {
+    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
+  }
+}

app/static/main.js

@@ -0,0 +1,202 @@
+/* Copyright 2013 Chris Wilson
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+*/
+
+window.AudioContext = window.AudioContext || window.webkitAudioContext;
+
+var audioContext = new AudioContext();
+var audioInput = null,
+    realAudioInput = null,
+    inputPoint = null,
+    audioRecorder = null;
+var rafID = null;
+var analyserContext = null;
+var canvasWidth, canvasHeight;
+var recIndex = 0;
+
+
+function gotBuffers(buffers) {
+    audioRecorder.exportMonoWAV(doneEncoding);
+}
+
+function doneEncoding(soundBlob) {
+    fetch('/audio', {
+      method: "POST",  // Specify POST method
+      body: soundBlob
+    }) 
+    .then(response => {
+      if (response.ok) {
+        return response.json(); // Parse JSON response
+      } else {
+        throw new Error("Error in Flask /audio route: " + response.status);
+      }
+    })
+    .then(data => {
+        window.location.href = data.url; // Redirect using URL from the response
+    })
+    .catch(error => {
+        console.error(error);
+    });
+  }
+    
+
+function stopRecording() {
+    // stop recording
+    audioRecorder.stop();
+    document.getElementById('stop').disabled = true;
+    document.getElementById('start').removeAttribute('disabled');
+    audioRecorder.getBuffers(gotBuffers);
+}
+
+function startRecording() {
+
+    // start recording
+    if (!audioRecorder)
+        return;
+    document.getElementById('start').disabled = true;
+    document.getElementById('stop').removeAttribute('disabled');
+    audioRecorder.clear();
+    audioRecorder.record();
+}
+
+function convertToMono(input) {
+    var splitter = audioContext.createChannelSplitter(2);
+    var merger = audioContext.createChannelMerger(2);
+
+    input.connect(splitter);
+    splitter.connect(merger, 0, 0);
+    splitter.connect(merger, 0, 1);
+    return merger;
+}
+
+function cancelAnalyserUpdates() {
+    window.cancelAnimationFrame(rafID);
+    rafID = null;
+}
+
+function updateAnalysers(time) {
+    if (!analyserContext) {
+        var canvas = document.getElementById("analyser");
+        console.log("Canvas:", canvas); // Log 1 
+        if (canvas) { // Check canvas exists 
+            canvasWidth = canvas.width;
+            canvasHeight = canvas.height;
+            analyserContext = canvas.getContext('2d');
+        } else {
+            console.error("Canvas with ID 'analyser' not found!");   
+        } 
+    }
+
+    // analyzer draw code here
+    {
+        var SPACING = 3;
+        var BAR_WIDTH = 1;
+        var numBars = Math.round(canvasWidth / SPACING);
+        var freqByteData = new Uint8Array(analyserNode.frequencyBinCount);
+
+        analyserNode.getByteFrequencyData(freqByteData);
+
+        analyserContext.clearRect(0, 0, canvasWidth, canvasHeight);
+        analyserContext.fillStyle = '#F6D565';
+        analyserContext.lineCap = 'round';
+        var multiplier = analyserNode.frequencyBinCount / numBars;
+
+        // Draw rectangle for each frequency bin.
+        for (var i = 0; i < numBars; ++i) {
+            var magnitude = 0;
+            var offset = Math.floor(i * multiplier);
+            // gotta sum/average the block, or we miss narrow-bandwidth spikes
+            for (var j = 0; j < multiplier; j++)
+                magnitude += freqByteData[offset + j];
+            magnitude = magnitude / multiplier;
+            var magnitude2 = freqByteData[i * multiplier];
+            analyserContext.fillStyle = "hsl( " + Math.round((i * 360) / numBars) + ", 100%, 50%)";
+            analyserContext.fillRect(i * SPACING, canvasHeight, BAR_WIDTH, -magnitude);
+        }
+    }
+
+    rafID = window.requestAnimationFrame(updateAnalysers);
+}
+
+function toggleMono() {
+    if (audioInput != realAudioInput) {
+        audioInput.disconnect();
+        realAudioInput.disconnect();
+        audioInput = realAudioInput;
+    } else {
+        realAudioInput.disconnect();
+        audioInput = convertToMono(realAudioInput);
+    }
+
+    audioInput.connect(inputPoint);
+}
+
+function gotStream(stream) {
+    document.getElementById('start').removeAttribute('disabled');
+
+    inputPoint = audioContext.createGain();
+
+    // Create an AudioNode from the stream.
+    realAudioInput = audioContext.createMediaStreamSource(stream);
+    audioInput = realAudioInput;
+    audioInput.connect(inputPoint);
+
+//    audioInput = convertToMono( input );
+
+    analyserNode = audioContext.createAnalyser();
+    analyserNode.fftSize = 2048;
+    inputPoint.connect(analyserNode);
+
+    audioRecorder = new Recorder(inputPoint);
+
+    zeroGain = audioContext.createGain();
+    zeroGain.gain.value = 0.0;
+    inputPoint.connect(zeroGain);
+    zeroGain.connect(audioContext.destination);
+    updateAnalysers();
+}
+
+function initAudio() {
+    if (!navigator.getUserMedia)
+        navigator.getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
+    if (!navigator.cancelAnimationFrame)
+        navigator.cancelAnimationFrame = navigator.webkitCancelAnimationFrame || navigator.mozCancelAnimationFrame;
+    if (!navigator.requestAnimationFrame)
+        navigator.requestAnimationFrame = navigator.webkitRequestAnimationFrame || navigator.mozRequestAnimationFrame;
+
+    navigator.getUserMedia(
+        {
+            "audio": {
+                "mandatory": {
+                    "googEchoCancellation": "false",
+                    "googAutoGainControl": "false",
+                    "googNoiseSuppression": "false",
+                    "googHighpassFilter": "false"
+                },
+                "optional": []
+            },
+        }, gotStream, function (e) {
+            alert('Error getting audio');
+            console.log(e);
+        });
+}
+
+window.addEventListener('load', initAudio);
+
+function unpause() {
+    document.getElementById('init').style.display = 'none';
+    audioContext.resume().then(() => {
+        console.log('Playback resumed successfully');
+    });
+}

app/static/recorder.js

@@ -0,0 +1,99 @@
+(function(window){
+
+  var WORKER_PATH = '/static/recorderWorker.js';
+
+  var Recorder = function(source, cfg){
+    var config = cfg || {};
+    var bufferLen = config.bufferLen || 4096;
+    this.context = source.context;
+    if(!this.context.createScriptProcessor){
+       this.node = this.context.createJavaScriptNode(bufferLen, 2, 2);
+    } else {
+       this.node = this.context.createScriptProcessor(bufferLen, 2, 2);
+    }
+   
+    var worker = new Worker(config.workerPath || WORKER_PATH);
+    worker.postMessage({
+      command: 'init',
+      config: {
+        sampleRate: this.context.sampleRate
+      }
+    });
+    var recording = false,
+      currCallback;
+
+    this.node.onaudioprocess = function(e){
+      if (!recording) return;
+      worker.postMessage({
+        command: 'record',
+        buffer: [
+          e.inputBuffer.getChannelData(0),
+          e.inputBuffer.getChannelData(1)
+        ]
+      });
+    }
+
+    this.configure = function(cfg){
+      for (var prop in cfg){
+        if (cfg.hasOwnProperty(prop)){
+          config[prop] = cfg[prop];
+        }
+      }
+    }
+
+    this.record = function(){
+      recording = true;
+    }
+
+    this.stop = function(){
+      recording = false;
+    }
+
+    this.clear = function(){
+      worker.postMessage({ command: 'clear' });
+    }
+
+    this.getBuffers = function(cb) {
+      currCallback = cb || config.callback;
+      worker.postMessage({ command: 'getBuffers' })
+    }
+
+    this.exportWAV = function(cb, type){
+      currCallback = cb || config.callback;
+      type = type || config.type || 'audio/wav';
+      if (!currCallback) throw new Error('Callback not set');
+      worker.postMessage({
+        command: 'exportWAV',
+        type: type
+      });
+    }
+
+    this.exportMonoWAV = function(cb, type){
+      currCallback = cb || config.callback;
+      type = type || config.type || 'audio/wav';
+      if (!currCallback) throw new Error('Callback not set');
+      worker.postMessage({
+        command: 'exportMonoWAV',
+        type: type
+      });
+    }
+
+    worker.onmessage = function(e){
+      var blob = e.data;
+      currCallback(blob);
+    }
+
+    source.connect(this.node);
+    this.node.connect(this.context.destination);   // if the script node is not connected to an output the "onaudioprocess" event is not triggered in chrome.
+  };
+
+  Recorder.setupDownload = function(blob, filename){
+    var url = (window.URL || window.webkitURL).createObjectURL(blob);
+    var link = document.getElementById("save");
+    link.href = url;
+    link.download = filename || 'output.wav';
+  }
+
+  window.Recorder = Recorder;
+
+})(window);