https://github.com/obra/Youtube2Webpage Skip to content Toggle navigation Sign up * Product + Actions Automate any workflow + Packages Host and manage packages + Security Find and fix vulnerabilities + Codespaces Instant dev environments + Copilot Write better code with AI + Code review Manage code changes + Issues Plan and track work + Discussions Collaborate outside of code Explore + All features + Documentation + GitHub Skills + Blog * Solutions For + Enterprise + Teams + Startups + Education By Solution + CI/CD & Automation + DevOps + DevSecOps Resources + Customer Stories + White papers, Ebooks, Webinars + Partners * Open Source + GitHub Sponsors Fund open source developers + The ReadME Project GitHub community articles Repositories + Topics + Trending + Collections * Pricing Search or jump to... Search code, repositories, users, issues, pull requests... Search [ ] Clear Search syntax tips Provide feedback We read every piece of feedback, and take your input very seriously. [ ] [ ] Include my email address so I can be contacted Cancel Submit feedback Saved searches Use saved searches to filter your results more quickly Name [ ] Query [ ] To see all available qualifiers, see our documentation. Cancel Create saved search Sign in Sign up You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert {{ message }} obra / Youtube2Webpage Public * Notifications * Fork 12 * Star 438 I learn much better from text than from videos 438 stars 12 forks Activity Star Notifications * Code * Issues 8 * Pull requests 2 * Actions * Projects 0 * Security * Insights More * Code * Issues * Pull requests * Actions * Projects * Security * Insights obra/Youtube2Webpage This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. main Switch branches/tags [ ] Branches Tags Could not load branches Nothing to show {{ refName }} default View all branches Could not load tags Nothing to show {{ refName }} default View all tags Name already in use A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch? Cancel Create 1 branch 0 tags Code * Local * Codespaces * Clone HTTPS GitHub CLI [https://github.com/o] Use Git or checkout with SVN using the web URL. [gh repo clone obra/Y] Work fast with our official CLI. Learn more about the CLI. * Open with GitHub Desktop * Download ZIP Sign In Required Please sign in to use Codespaces. Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Launching Xcode If nothing happens, download Xcode and try again. Launching Visual Studio Code Your codespace will open once ready. There was a problem preparing your codespace, please try again. Latest commit @obra obra Merge pull request #11 from tadzik/patch-1 ... f80aa83 Aug 31, 2023 Merge pull request #11 from tadzik/patch-1 f80aa83 Git stats * 18 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time Youtube2Webpage improve vtt parsing. a slightly nicer layout. save button July 20, 2023 22:38 example Update to work correctly with videos that don't download as webm. March 28, 2023 16:36 Makefile Correct ffmpeg invocation per @ticky@octodon.social March 16, 2023 09:21 README.md Fix a typo in the README August 31, 2023 10:54 styles.css Correct css to not stretch images March 16, 2023 09:22 yt-to-webpage.pl get *.vtt file without shelling out to ls April 11, 2023 16:33 View code Youtube-to-Webpage Dependencies Using Output Example README.md Youtube-to-Webpage Youtube-to-Webpage is a Perl script to create a webpage from a Youtube video with a transcript generated from the video's closed captions paired with screenshots of the video. ./yt-to-webpage.pl project-name videoURL Dependencies The project is built upon: * yt-dlp * ffmpeg Using To use, run the Perl script with a name for the folder to create, and the video URL. For example: ./yt-to-webpage.pl project-name https://www.youtube.com/watch?v= jNQXAC9IVRw Output Running the script create a repository according to the following structure: project-name +-- images | +-- (...).jpg +-- video.vtt +-- video.webm +-- index.html +-- styles.css * The index.html file is the generated webpage. * The images directory contains all the screenshots, named according to their timeframe hours-minutes-seconds-milliseconds.jpg. * The vtt file contains the captions. * The webm file contains the video. * The css file styles the webpage. Example You can see an example at https://obra.github.io/Youtube2Webpage/ example/ About I learn much better from text than from videos Resources Readme Activity Stars 438 stars Watchers 8 watching Forks 12 forks Report repository Releases No releases published Packages 0 No packages published Contributors 4 * @obra obra Jesse Vincent * @le-jun le-jun LeJun * @tadzik tadzik Tadeusz Sosnierz * @mauke mauke Languages * JavaScript 65.3% * HTML 12.7% * CSS 11.0% * Perl 10.4% * Makefile 0.6% Footer (c) 2023 GitHub, Inc. Footer navigation * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time.