yt-transcript
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.
index.ts
https://nbbaier--c19d6a1a3d7911f0aa5b76b3cceeab13.web.val.run
A simple web application to extract and display YouTube video transcripts with timestamps and export to Markdown.
- 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
├── 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
- Enter a YouTube video URL (supports various formats: youtube.com/watch?v=, youtu.be/, etc.)
- Click "Extract Transcript"
- View the transcript with timestamps in MM:SS or HH:MM:SS format
- Export to Markdown file with formatted timestamps
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
- Invalid YouTube URLs
- Videos without available transcripts
- Network connectivity issues
- CORS proxy failures
- Malformed transcript data
- 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