• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
nbbaier

nbbaier

yt-transcript

Public
Like
2
yt-transcript
Home
Code
4
backend
1
frontend
3
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://nbbaier--c19d6a1a3d7911f0aa5b76b3cceeab13.web.val.run
README.md

YouTube Transcript Extractor

A simple web application to extract and display YouTube video transcripts with timestamps and export to Markdown.

Features

  • Extract transcripts from YouTube videos using video URLs
  • Display transcripts with proper timestamps
  • Export transcripts to Markdown format
  • Minimalistic, clean UI
  • Proper error handling for various edge cases

Project Structure

├── backend/
│   └── index.ts          # Main Hono server
├── frontend/
│   ├── index.html        # Main HTML template
│   ├── index.tsx         # React frontend
│   └── style.css         # Minimal styling
└── shared/
    └── types.ts          # Shared TypeScript types

Usage

  1. Enter a YouTube video URL (supports various formats: youtube.com/watch?v=, youtu.be/, etc.)
  2. Click "Extract Transcript"
  3. View the transcript with timestamps in MM:SS or HH:MM:SS format
  4. Export to Markdown file with formatted timestamps

Supported URL Formats

  • https://www.youtube.com/watch?v=VIDEO_ID
  • https://youtu.be/VIDEO_ID
  • https://www.youtube.com/embed/VIDEO_ID
  • https://www.youtube.com/v/VIDEO_ID

Error Handling

  • Invalid YouTube URLs
  • Videos without available transcripts
  • Network connectivity issues
  • CORS proxy failures
  • Malformed transcript data

Technical Details

  • Uses YouTube's transcript API via corsproxy.io
  • Built with Hono backend and React frontend
  • TypeScript for type safety
  • Responsive design with mobile support
  • Client-side Markdown export functionality
  • Proper error boundaries and user feedback
HTTP
  • index.ts
    nbbaier--c19d6a1a3d7911f0aa5b76b3cceeab13.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.