בירור | הורדה של קובץ קולי בגוגל צ'אט

// @name         GChat Audio Download
// @namespace    https://chat.google.com/
// @version      1.0
// @description  מוסיף כפתור הורדה להודעות שמע ב-Google Chat
// @author       You
// @match        https://chat.google.com/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(() => {
  const DONE = 'gchat-dl-done';

  function makeBtn(url) {
    const b = document.createElement('button');
    b.textContent = '⬇ הורד שמע';
    b.style.cssText = `
      all: initial;
      display: block !important;
      margin: 4px 8px 6px 8px !important;
      padding: 4px 16px !important;
      background: #1a73e8 !important;
      color: white !important;
      border: none !important;
      border-radius: 20px !important;
      font: 500 12px "Google Sans",Arial,sans-serif !important;
      cursor: pointer !important;
      direction: rtl !important;
      box-sizing: border-box !important;
    `;
    b.onmouseenter = () => b.style.setProperty('background', '#1557b0', 'important');
    b.onmouseleave = () => b.style.setProperty('background', '#1a73e8', 'important');
    b.onclick = async (e) => {
      e.stopPropagation(); e.preventDefault();
      b.textContent = '⏳ מוריד…';
      b.style.setProperty('background', '#f9ab00', 'important');
      b.style.setProperty('color', '#000', 'important');
      try {
        const r = await fetch(url, { credentials: 'include' });
        if (!r.ok) throw new Error(r.status);
        const blob = await r.blob();
        const ext = blob.type.includes('ogg') ? 'ogg'
                  : blob.type.includes('webm') ? 'webm'
                  : blob.type.includes('wav') ? 'wav' : 'mp3';
        const a = document.createElement('a');
        a.href = URL.createObjectURL(blob);
        a.download = `gchat-${Date.now()}.${ext}`;
        document.body.appendChild(a); a.click();
        setTimeout(() => { document.body.removeChild(a); URL.revokeObjectURL(a.href); }, 9000);
        b.textContent = '✓ הורד!';
        b.style.setProperty('background', '#34a853', 'important');
        b.style.setProperty('color', 'white', 'important');
        setTimeout(() => {
          b.textContent = '⬇ הורד שמע';
          b.style.setProperty('background', '#1a73e8', 'important');
          b.style.setProperty('color', 'white', 'important');
        }, 3000);
      } catch(err) {
        b.textContent = '✗ שגיאה';
        b.style.setProperty('background', '#ea4335', 'important');
        b.style.setProperty('color', 'white', 'important');
        setTimeout(() => {
          b.textContent = '⬇ הורד שמע';
          b.style.setProperty('background', '#1a73e8', 'important');
          b.style.setProperty('color', 'white', 'important');
        }, 3000);
      }
    };
    return b;
  }

  function tryInject(el) {
    if (!(el instanceof Element)) return;
    if (el.hasAttribute(DONE)) return;
    const url = el.getAttribute('data-media-url');
    if (!url || !url.includes('get_attachment_url')) return;
    el.setAttribute(DONE, '1');
    const parent = el.closest('.DwygBd') || el.parentElement;
    if (parent) {
      parent.appendChild(makeBtn(url));
      console.log('[DL] ✅ injected');
    }
  }

  function scan() {
    document.querySelectorAll('[data-media-url]').forEach(tryInject);
  }

  new MutationObserver(muts => {
    for (const m of muts) {
      for (const n of m.addedNodes) {
        if (n.nodeType !== 1) continue;
        tryInject(n);
        n.querySelectorAll?.('[data-media-url]').forEach(tryInject);
      }
      if (m.type === 'attributes' && m.target instanceof Element) {
        tryInject(m.target);
      }
    }
  }).observe(document.documentElement, {
    childList: true, subtree: true,
    attributes: true, attributeFilter: ['data-media-url']
  });

  [0, 500, 1000, 2000, 4000, 8000].forEach(t => setTimeout(scan, t));
})();

מים אחרונים

@רפי-סאם לא מתקין לי.

רפי סאם

@מים-אחרונים אני לא ניסיתי - לא לוקח אחריות - אין לי טפרמונקי ואני לא משתמש בזה..
בשביל זה יש לי את זה
https://www.youtube.com/watch?v=bprp1VsCQWo...
למה לא תשתמש בתוסף??