Add a timestamp on the Twitch stream itself

twitch-on-stream-timestamp.js

(() => {
  const liveTime = document.querySelector('.live-time');

  const style = document.createElement("style");
  style.id = 'on-video-time-style';
  style.textContent = `#on-video-time {
  position: absolute;
  padding: .5rem;
  top: 0;
  right: .3rem;
  z-index: 9999;
  
  color: white;
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 0 0 2px black;
}`;
  document.head.appendChild(style);

  const onVideoTime = document.createElement('div');
  onVideoTime.id = 'on-video-time';
  onVideoTime.textContent = liveTime.textContent;

  const videoContainer = document.querySelector(".video-ref");
  videoContainer.insertBefore(onVideoTime, videoContainer.children[0])

  const observer = new MutationObserver((mutations) => {
    for (const mutation of mutations) {
      if (mutation.type === 'characterData') {
        onVideoTime.textContent = mutation.target.textContent
      }
    }
  });

  observer.observe(liveTime, {
    characterData: true,
    subtree: true
  });
})()