popup.html (1411 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 { padding-left: 20px; margin: 8px 0; } 8 li { margin: 5px 0; } 9 p { margin: 8px 0; } 10 .muted { color: #555; font-size: 12.5px; } 11 @media (prefers-color-scheme: dark) { body { background: #1b1b1f; color: #eee; } .muted { color: #aaa; } a { color: #9cc3ff; } } 12 </style> 13 <h1>SubRead: your subtitles on YouTube</h1> 14 <ol> 15 <li>Open a video on YouTube, for example an audiobook.</li> 16 <li>Press <b>SR</b> at the top right of the player.</li> 17 <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> 18 </ol> 19 <p>No subtitles yet? <a href="https://subread.space" target="_blank" rel="noopener">subread.space</a> makes them from 20 the audiobook and its ebook, free, in your browser. The words come from the book, so names and spelling are right.</p> 21 <p class="muted">The extension does not read, record or download the video. Your subtitles stay in this browser. 22 Open source: <a href="https://github.com/equwal/subread-extension" target="_blank" rel="noopener">GitHub</a>. 23 Free, no ads: <a href="https://ko-fi.com/truex" target="_blank" rel="noopener">support it on Ko-fi</a>.</p>