Audily

Problem.

The problem category is Social Media and Communication. A huge number of videos on YouTube are very long, and most of them are not very to the point, which doesn't make it worthwhile to watch every second of the video. There are other use cases, but let's proceed to the solution to understand it better.

Our Solution.

We have created Audily, where you can paste the YouTube URL of any video, and it will provide two simple options:

1. Text Summarizer: The video will be summarized, and you will receive text with optimal UX.
2. Audio Summarizer: You will receive an audiobook that you can play to listen anywhere and with your own device.

It will be helpful for someone who wants to hear the video in a short span of time on the go. We have utilized Amazon's ML model and are using specialized models to improve accuracy and tone, mimicking human speech.

Videos

🔥 Deployed Link

The frontend is hosted on Vercel Platform. Visit the following link to view the web application.

https://audily-ai.vercel.app/

The backend is hosted on vercel functions. Visit the following link to view the web application.

---

🌐 Setup Local Environment

For that, you need to create a .env.local in web directory in your project, as shown in the docs. The file should look like this:

NEXT_PUBLIC_API_URL = "GET FROM GOOGLE CLOUD GEMINI AI"
NEXT_PUBLIC_CLOUD_URL="GET FROM GOOGLE APP ENGINE"

You also need to setup a few API keys for this project to be setup correctly otherwise you won't be able to properly work on this project

• Deepgram Speech to Text
• Google API Key

DEEPGRAM_API=<value>
GOOGLE_API_KEY=<value>

You can retrieve the above environment values by referring to their documentation linked above. Once retrieved, paste them accordingly as mentioned above.

✅ Guidelines to run web app locally

• For this app to work, Use these commands to run the application

Go to web directory.

# to install dependencies 
npm install

# to run the development server
npm run dev

• Open http://localhost:3000 with your browser to see the application.

Go to api directory.

# to install dependencies 
npm install

# to run the development server
npm start

• This will get your backend server started.

---

Frameworks & Tools

📂 Codebase Structure

A quick look at the structure of the codebase.

.

└── api
└── web
    └── components
        └───icons.tsx
        └───home-page
        └───ui
    └── lib
        └───fonts.ts
        └───utils.ts
    └── src/app
        └───layout.tsx
        └───page.tsx
    └── public
        └───assets
        └───assets
    └── styles
        └──globals.css

Team ETH.MAGNUS

Shubham @shub3am

Rupali Haldiya @rupali-codes

Anmol Baranwal @Anmol-Baranwal