AUDIOGRAM

Generate engaging shareable audiograms
The best part, you can customize and download it!

Table of Contents

1. About The Project
   • Project Preview
   • Built With
2. Getting Started
   • Prerequisites
   • Clone the repository
3. Usage
   • Run in production mode
   • Run in development mode
4. Contact
5. Usefull Links

About The Project

Just Upload an Audio Clip & a Photo and your audiogram will be ready to be shared with the world!
The Audiogram Webapp will take of the transcription, audio visualizer and everything else.

Using Audiogam you can generate subtitles of your audio clips.

Salient features

• Generates Subtitles.

• Cool Audio Visualization.

• Customizable.

• Downloadable and Shareable.

Preview

Audiogram Demo - Watch Video

Built With

TypeScript

NextJs

Openai Whisper

Python-Flask

NodeJS

The App is structured as follows:

• NodeJS Backend : Renders the video and upload it to cloudinary
• Python Transcription Api : Transcribes the audio file using Openai Whisper

Getting Started

Prerequisites

• Node.js
• Yarn
• Git

Clone the repository

git clone https://github.com/SAYUK09/Audiogram

Usage

Run in production mode

yarn 

yarn build

yarn start

Run in development mode

yarn 

yarn dev

Please configure the Backend Dependencies before launching this project.

• Audiogram Nodejs BE
• Flask Transcription API

Browse the app

• http://localhost:3000

Other Usefull Links

• Audiogram Nodejs BE
• Flask Transcription API

Contact

Twitter - @sayuri_kamble Linkedin - @sayurikamble