☰

YouTube Absolute DateTime

Reveal when broadcast started

  1. // ==UserScript==
  2. // @name        YouTube Absolute DateTime
  3. // @namespace   https://i544c.github.com/
  4. // @match       https://www.youtube.com/*
  5. // @grant       none
  6. // @version     1.0.1
  7. // @author      i544c
  8. // @description Reveal when broadcast started
  9. // @description:ja その配信がいつ始まったのかを明らかにする
  10. // ==/UserScript==
  11.  
  12. (() => {
  13.   'use strict';
  14.   
  15.   const _debug = (...msg) => {
  16.     console.log('[wdbs] ', ...msg);
  17.   };
  18.   
  19.   const queryString = 'span[itemtype="http://schema.org/BroadcastEvent"] meta[itemprop="startDate"]';
  20.   
  21.   const main = async () => {
  22.     _debug('start');
  23.     // ページ内遷移した際にヘッダーが変わらないため、自身のページをfetchする
  24.     const res = await fetch(window.location, { cache: 'no-cache' });
  25.     const rawBody = await res.text();
  26.     const domparser = new DOMParser();
  27.     const body = domparser.parseFromString(rawBody, 'text/html');
  28.     const startDateText = body.querySelector(queryString)?.getAttribute('content');
  29.     if (!startDateText) return;
  30.     
  31.     const startDate = new Date(startDateText);
  32.     _debug(startDate);
  33.     document.querySelector('#info-text #date *:not(#dot)').innerText = startDate.toLocaleString();
  34.   };
  35.   
  36.   document.addEventListener('yt-navigate-finish', main);
  37. })();