Summarize a YouTube Video

👋 Introduction

This app's got your back when you need a speedy text summary of any video in your sights. Whether you're a content creator gearing up to make your own video, or simply looking to dissect a benchmark video, this app helps you swiftly capture the essence, structure, and key highlights. It's your shortcut to finding those standout elements to make your content shine!

📌 Check out the Demo! (Note: This simplified version of the app does not include the video upload form)

Built With

• Twelve Labs API
• JavaScript
• React
• React Player
• ytdl-core

(back to top)

🔑 Getting Started

Step 1. Generate Twelve Labs API Key

Visit Twelve Labs Playground to generate your API Key

• Upon signing up, you'll receive free credits to index up to 10 hours of video content!

Step 2 (Option 1). Start the App on Replit

1. Click the button below

   

2. Add Secrets (equivalent to .env), which is located in the Tools pane

   REACT_APP_API_KEY=<YOUR API KEY>
   REACT_APP_INDEX_ID=<YOUR INDEX ID>
   

3. Run the Repl

Step 2 (Option 2). Start the App Locally

1. Clone the current repo

   git clone [email protected]:mrnkim/summarize-youtube-video.git

2. Create .env file in the root directory and provide the values for each key

    REACT_APP_API_KEY=<YOUR_API_KEY>
    REACT_APP_INDEX_ID=<YOUR_INDEX_ID>
    REACT_APP_SERVER_URL=<YOUR_SERVER_URL> //e.g., http://localhost
    REACT_APP_PORT_NUMBER=<YOUR_PORT_NUMBER> //e.g., 4001
   

3. Start the server

   node server.js

4. Install and start the client

   npm install
   npm start

(back to top)

🎯 What's Next?

• Add more tests
• Improve error handling and add data validations

(back to top)