Software Engineering :: Web :: Browser :: Extension :: Development :: TitleSnatch for YouTube

readme.md

Software Engineering :: Web :: Browser :: Extension :: Development :: TitleSnatch for YouTube

⪼ Made with 💜 by Polyglot.

• ..

related

• Business :: Magazine :: Foundr :: About :: How to Create a Digital Magazine (How We Did It)
• Software Engineering :: Web :: Browser :: Extension :: Development :: Link & Title Copy
• Software Engineering :: Web :: Browser :: Extension :: Development :: YouTube Channel Inspiration

research

• Formatted Time in JS (ChatGPT)

Keyboard Shortcuts

• [Playback speed] (+|-): (command + control|alt|option) + +|-

Notes (Screenshots)

• Consider adding screenshot, screenshot with link to video at current time, and screenshot with link to video at current time and header (LLM => Header Text, or Enter Header Text Manually)

Selectors

NOTE: The title of the video is also in the title bar / title tag of the page

Video

document.querySelector('video')

Values & Calculations

Title

document.querySelector("#title > h1 > yt-formatted-string").textContent

Video Current Time

const video = document.querySelector('video');
const videoCurrentTime = Math.floor(video.currentTime)

Video URL w/ Current Time

let newUrl = new URL(window.location.href);
newUrl.search = new URLSearchParams({
  v: newUrl.searchParams.get('v'),
  t: Math.floor(document.querySelector('video').currentTime)
});

Markdown Link Reference

(() => {
  const title = document.querySelector("#title > h1 > yt-formatted-string").textContent;

  let newUrl = new URL(window.location.href);
  newUrl.search = new URLSearchParams({
    v: newUrl.searchParams.get('v'),
    t: Math.floor(document.querySelector('video').currentTime)
  });

  console.log(`[${title}]: ${newUrl.href}`);
})();