Feedback Technical Grievances

// ==UserScript==
// @name         Ephyra Player → Native Video
// @namespace    https://github.com/local/userscripts
// @version      1.0.0
// @description  Replaces Ephyra custom video players with plain <video> elements using hls.js.
// @author       you
// @match        *://kiwifarms.st/*
// @run-at       document-body
// @inject-into  content
// @grant        GM_download
// @require      https://cdn.jsdelivr.net/npm/hls.js@1.6.16/dist/hls.min.js
// @icon        https://www.google.com/s2/favicons?sz=64&domain=kiwifarms.st
// ==/UserScript==


console.assert(Hls.isSupported());

(function () {
  'use strict';

  /**
   * Replace a single .ephyra-player element with a native <video>.
   * @param {HTMLElement} player
   */
  const replacePlayer = player => {
    const parent = player.parentElement;
    if (!parent) {
      console.warn('player has no parent, already removed?', player);
      return;
    }
    const manifest = player.dataset.manifest;
    if (!manifest) return;

    const video = document.createElement(player.classList.contains('ephyra-player--audio') ? 'audio' : 'video');
    video.controls = true;
    video.preload = 'metadata';
    video.poster = player.dataset.poster || player.dataset.posterFallback ||  '';

    // Preserve the original player's layout constraints
    video.style.cssText = player.style.cssText;
    // Make sure the element itself fills available space
    video.style.display    = 'block';
    video.style.maxWidth   = '100%';
    video.style.background = '#000';

    parent.style.display = 'inline-block';
    parent.style.verticalAlign = 'top';
    parent.classList.remove('ephyra-media');

    player.replaceWith(video);

    const hls = new Hls({enableWorker:false, debug: false, capLevelToPlayerSize: true, startLevel: -1});
    hls.on(Hls.Events.ERROR, console.warn);
    hls.loadSource((new URL(manifest, location.href)).href);
    hls.attachMedia(video);

    const fallback = player.dataset.sourceFallback;
    if (fallback) {
      // const source = document.createElement('source');
      // source.src = fallback;
      // video.appendChild(source);
      const dl = document.createElement('a');
      const filename = player.dataset.filename || fallback.split('/').pop();
      dl.href     = fallback;
      dl.download = filename;
      dl.textContent = `⬇ Download ${filename}`;
      dl.target = '_blank';
      dl.style.cssText = [
        'display:inline-block',
        'margin-top:4px',
        'font-size:0.8em',
        'color:inherit',
        'opacity:0.7',
        'cursor:pointer'
      ].join(';');
      video.insertAdjacentElement('afterend', dl);
      dl.addEventListener('mouseover', event => event.stopImmediatePropagation(), true);
      dl.onclick = e => {
            e.preventDefault();
            GM_download((new URL(fallback, location.href)).href, filename);
      }
    }

    console.debug('[ephyra→video] replaced', player.id || player, Object.entries(player.dataset).map(e => e.join('=')), Array.from(video.children));
  }

  const selector = 'div.ephyra-player[data-manifest]';

  // Run immediately on existing players
  document.querySelectorAll(selector).forEach(replacePlayer);

  // Also watch for players injected after page load (infinite scroll, XHR, etc.)
  const observer = new MutationObserver(mutations => {
    for (const { addedNodes } of mutations) {
      for (const node of addedNodes) {
        if (node.tagName) {
          if (node.matches(selector))
            replacePlayer(node);
          else if (node.tagName === 'IFRAME')
            node.removeAttribute('title');
        }
      }
    }
  });
  for (const iframe of document.querySelectorAll('iframe[title]')) {
    iframe.removeAttribute('title');
  }

  observer.observe(document.all?.top ?? document.body, { childList: true, subtree: true });
})();