Show HN: CTRL-F for YouTube Videos(github.com) This is a small project i made years ago and updated to whisper last year, i still use it from time to time and thought it might be useful to others, or just put the idea out there for someone better than me to make a better implementation! |
2. Click the video description to expand it
3. Scroll down and click the tiny "Show Transcript" button near the bottom (whoever decided to bury it down here was very misguided)
4. Ctrl-F and search any word. Occurrences in the transcript will be highlighted and you can press enter to scroll the transcript to the next one. Click the transcript to seek the video.
I see that this extension shows occurrences on the seek bar which is cool. There is also a slight problem with regular ctrl-F: if you search for a multiple word phrase you might not find it if the phrase happened to be split between two chunks of the transcript. So that could be better in this extension. And of course not every YouTube video has captions, but most do these days.
We could slash through Youtubers repeating themselves, making hack jokes, narrating their video title & outline, vapid explanations of common knowledge, etc. Any of which can be customized to your taste via a system prompt!
This kinda semantic filter would actually be an immensely powerful UI tool for all webpages and media, now that I think about it...
from mobile phone to tv to pc.
https://addons.mozilla.org/en-US/firefox/addon/youtube-capti...
Depending on what you're watching, you might never come across a video with good subtitles but rather Youtube's auto-generated subtitles.
Whisper can do a better job in a lot of cases, but not all... I wonder if they've had multiple generations of auto-captioning and not gone back and redone the ones that were done earlier.
This extension is really interesting to me because in the past I've tried (and failed) to make a similar one that adds a new .vtt to the list of available subtitles for the video. I sometimes struggle with auditory processing, especially in a noisy environment, and following along with subtitles helps me out immensely, so it's frustrating when the auto-generated subtitles are poor quality. I've bookmarked the extension to see if I can fork it for that purpose in the future.
Even with very little correspondence to the actual dialogue, if you already know what you're looking for, you can probably find it pretty easily in the auto-generated subtitles.
ctrl+F won't work in that case, but reading will.
Wait, is this using a cloud service in some way or is it all local / total private? That would be a deal breaker or maker.
Oh might as well copy a screen shot of the thumbnail and save it.
Didn't release it to the store because YouTube released a search feature and it looked exactly like mine.
javascript:document.querySelector('button[aria-label="Show transcript"]').click()
// ==UserScript==
// @name Always show transcript
// @match https://www.youtube.com/watch*
// @grant none
// @version 1.0
// @author madacol
// @description show transcript on all youtube videos
// @run-at document-idle
// ==/UserScript==
(async ()=>{
(await getElementNotYetRendered(()=>document.querySelector('button[aria-label="Show transcript"]'))).click()
function getElementNotYetRendered(elementGetter, delay = 200, timeout = 10000) {
let retries = Math.ceil(timeout / delay);
return new Promise((resolve, reject) => {
(function resolveIfElementFound() {
setTimeout(() => {
const element = elementGetter()
if (element?.toString().includes("Element")) return resolve(element)
if (element?.toString().includes("NodeList") && element.length > 0) return resolve(element)
if (retries-- <= 0) return console.error(`Max retries reached: element was not found
element: "${element}"
elementGetter: "${elementGetter}"
`);
resolveIfElementFound()
}, delay);
})()
})
}
})();https://github.com/madacol/web-automation/blob/master/usersc...
// ==UserScript==
// @name Show transcript on Ctrl+f
// @match https://www.youtube.com/watch*
// @grant none
// @version 1.0
// @author madacol
// ==/UserScript==
document.addEventListener('keydown', event => {
if (event.ctrlKey && event.key === 'f')
document.querySelector('button[aria-label="Show transcript"]').click()
})BTW when I went to look at a video just now, YouTube actually served me a "Search in Video" box at the top of the transcript. So I guess the feature exists, they just haven't rolled it out to everyone yet.