Recently Written · git

subread-extension

Show your own .srt over a YouTube video, in time with it. Chrome and Firefox.

git clone https://github.com/equwal/subread-extension

Log | Files | Refs


popup.html (4056 bytes)

1 <!doctype html>
2 <meta charset="utf-8">
3 <title>SubRead</title>
4 <style>
5   body { width: 320px; margin: 0; padding: 14px 16px; font: 14px/1.45 system-ui, Arial, sans-serif; color: #111; background: #fff; }
6   h1 { font-size: 16px; margin: 0 0 8px; }
7   ol, ul { padding-left: 20px; margin: 8px 0; }
8   li { margin: 5px 0; }
9   p { margin: 8px 0; }
10   summary { cursor: pointer; }
11   .muted { color: #555; font-size: 12.5px; }
12   @media (prefers-color-scheme: dark) { body { background: #1b1b1f; color: #eee; } .muted { color: #aaa; } a { color: #9cc3ff; } }
13 </style>
14 <h1>SubRead: your subtitles on YouTube</h1>
15 <ol>
16   <li>Open a video on YouTube, for example an audiobook.</li>
17   <li>Press <b>SR</b> at the top right of the player.</li>
18   <li>Choose the <b>.srt</b> of that recording. If the video has an intro, play to the first line and press <b>First line is now</b>.</li>
19   <li>Check <b>Transcript</b> to also show your subtitles as a transcript panel next to the video.</li>
20 </ol>
21 <p>No subtitles yet? <a href="https://subread.space" target="_blank" rel="noopener">subread.space</a> makes them from
22   the audiobook and its ebook, free, in your browser. The words come from the book, so names and spelling are right.</p>
23 <p class="muted">The extension does not read, record or download the video. Your subtitles stay in this browser.
24   Open source: <a href="https://github.com/equwal/subread-extension" target="_blank" rel="noopener">GitHub</a>.
25   Free, no ads: <a href="https://ko-fi.com/truex" target="_blank" rel="noopener">support it on Ko-fi</a>.</p>
26 <details id="more-apps" class="muted">
27   <summary>More apps</summary>
28   <ul>
29     <li><a href="https://subread.space/" target="_blank" rel="noopener">SubRead</a><br>Read along with an audiobook.</li>
30     <li><a href="https://booksimulator.com/" target="_blank" rel="noopener">Book Simulator</a><br>A reading room for Aozora Bunko and Project Gutenberg books.</li>
31     <li><a href="https://honjimaku.com/" target="_blank" rel="noopener">honjimaku.com</a><br>Subtitles for Japanese audiobooks.</li>
32     <li><a href="https://sbmsync.com/" target="_blank" rel="noopener">sbm Sync</a><br>Your bookmarks, the same on every device.</li>
33     <li><a href="https://github.com/equwal/subread-android/releases/latest" target="_blank" rel="noopener">SubRead for Android</a><br>Times an audiobook against its ebook on the device.</li>
34     <li><a href="https://github.com/equwal/subread-overlay/releases/latest" target="_blank" rel="noopener">SubRead Overlay</a><br>Subtitle lines over any Android media player.</li>
35     <li><a href="https://github.com/equwal/subread-dictionary/releases/latest" target="_blank" rel="noopener">SubRead Dictionary</a><br>Pop-up dictionary that reads Yomitan dictionaries.</li>
36     <li><a href="https://github.com/equwal/subread-anki" target="_blank" rel="noopener">SubRead Anki</a><br>One tap makes an Anki card from any app.</li>
37     <li><a href="https://github.com/equwal/subrep-android/releases/latest" target="_blank" rel="noopener">Subrep</a><br>Live captions of the sound of your phone.</li>
38     <li><a href="https://github.com/equwal/sbm-android/releases/latest" target="_blank" rel="noopener">sbm for Android</a><br>Fuzzy search for your bookmarks.</li>
39     <li><a href="https://github.com/equwal/rebind/releases" target="_blank" rel="noopener">Rebind</a><br>Remap the hardware buttons of e-ink readers and Android.</li>
40     <li><a href="https://github.com/equwal/ink-recents/releases/latest" target="_blank" rel="noopener">Ink Recents</a><br>A recent-apps switcher for e-ink.</li>
41     <li><a href="https://github.com/equwal/ink-dim/releases/latest" target="_blank" rel="noopener">Ink Dim</a><br>Frontlight below the lowest system level.</li>
42     <li><a href="https://github.com/equwal/ink-update/releases/latest" target="_blank" rel="noopener">Ink Update</a><br>Tells you when Rebind and its extensions update.</li>
43     <li><a href="https://recentlywritten.com/projects.html" target="_blank" rel="noopener">All projects</a><br>Everything, with source code.</li>
44   </ul>
45 </details>