המלצה | תוסף להורדת הודעות אודיו בגוגל צ'אט

[מים אחרונים]

קוד שעובד ומשלב את 2 התוספים יחד.
לא ניסיתי עדיין את השליחת קובץ הקלטה רגילה.

// ==UserScript==
// @name         Google Chat Audio Pro: Player & Downloader
// @namespace    http://tampermonkey.net/
// @version      2.0
// @description  משדרג את חווית האודיו ב-Google Chat: נגן מוטמע וכפתור הורדה מהירה
// @author       מים אחרונים - ג'מיני
// @match        https://chat.google.com/*
// @match        https://mail.google.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const PROCESSED_ATTR = 'data-gchat-audio-processed';

    // --- עיצוב (CSS) ---
    const style = document.createElement('style');
    style.innerHTML = `
        .custom-audio-container {
            display: flex;
            flex-direction: column;
            gap: 8px;
            background: #ffffff;
            border: 1px solid #e0e3e7;
            border-radius: 16px;
            padding: 12px;
            max-width: 350px;
            margin: 8px 0;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            direction: rtl;
            font-family: 'Google Sans', Roboto, Arial, sans-serif;
        }

        .audio-header {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .audio-icon-wrapper {
            width: 32px;
            height: 32px;
            background: #e8f0fe;
            color: #1a73e8;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .audio-info {
            flex-grow: 1;
            overflow: hidden;
        }

        .audio-title {
            font-size: 13px;
            font-weight: 500;
            color: #3c4043;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .audio-player-element {
            width: 100%;
            height: 32px;
            margin-top: 4px;
        }

        .download-btn {
            align-self: flex-start;
            background: #1a73e8;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 6px 14px;
            font-size: 12px;
            font-weight: 500;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: background 0.2s;
        }

        .download-btn:hover {
            background: #1557b0;
        }

        /* הסתרת הצ'יפ המקורי של גוגל למניעת כפילות */
        .original-audio-hidden {
            display: none !important;
        }
    `;
    document.head.appendChild(style);

    // --- פונקציות עזר ---

    function getAudioUrl(el) {
        // מנסה לחלץ מ-data-media-url או מקישורי הורדה פנימיים
        const mediaUrl = el.getAttribute('data-media-url');
        if (mediaUrl && mediaUrl.includes('get_attachment_url')) return mediaUrl;

        const link = el.querySelector('a[href*="DOWNLOAD_URL"], a[href*="attachment_token"]');
        if (link) return link.href;

        const img = el.querySelector('img[src*="attachment_token"]');
        if (img) {
            return img.src.replace('url_type=THUMBNAIL_URL', 'url_type=DOWNLOAD_URL').replace('&sz=w512', '');
        }
        return null;
    }

    function getFileName(el) {
        const titleEl = el.querySelector('[title]');
        if (titleEl) return titleEl.getAttribute('title');
        const spanEl = el.querySelector('.RhNmFb');
        return spanEl ? spanEl.textContent.trim() : 'קובץ שמע';
    }

    function isAudioElement(el) {
        // בדיקת מחלקות מוכרות של גוגל לקובצי שמע
        if (el.classList.contains('fgkZ3')) return true;
        const title = el.querySelector('[title]');
        if (title && /\.(mp3|wav|ogg|aac|m4a|flac|opus)$/i.test(title.getAttribute('title'))) return true;
        return el.querySelector('img[src*="audio_x128"], img[src*="audio_x32"]') !== null;
    }

    function createPlayer(url, fileName) {
        const container = document.createElement('div');
        container.className = 'custom-audio-container';
        container.innerHTML = `
            <div class="audio-header">
                <div class="audio-icon-wrapper">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z"/></svg>
                </div>
                <div class="audio-info">
                    <div class="audio-title" title="${fileName}">${fileName}</div>
                </div>
            </div>
            <audio controls preload="none" class="audio-player-element">
                <source src="${url}" type="audio/mpeg">
            </audio>
            <button class="download-btn">
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                הורדה
            </button>
        `;

        container.querySelector('.download-btn').onclick = (e) => {
            e.stopPropagation();
            window.open(url, '_blank');
        };

        return container;
    }

    function process() {
        // סלקטורים המכסים את רוב סוגי הבועות ב-Chat
        const chips = document.querySelectorAll(`.fgkZ3:not([${PROCESSED_ATTR}]), .lRPruf[jsname="sBlcJe"]:not([${PROCESSED_ATTR}]), .V5MAMb.ykJ07e:not([${PROCESSED_ATTR}])`);

        chips.forEach(chip => {
            if (isAudioElement(chip)) {
                const url = getAudioUrl(chip);
                if (!url) return;

                const fileName = getFileName(chip);
                const player = createPlayer(url, fileName);

                chip.setAttribute(PROCESSED_ATTR, 'true');

                // הזרקה לדף: מחפשים את ההורה המתאים ביותר
                const parent = chip.closest('.DwygBd') || chip.parentElement;
                parent.appendChild(player);

                // הסתרת האלמנט המקורי של גוגל
                chip.classList.add('original-audio-hidden');
            }
        });
    }

    // הפעלה וניטור שינויים בדף (MutationObserver)
    const observer = new MutationObserver(() => process());
    observer.observe(document.body, { childList: true, subtree: true });

    // הרצה ראשונית
    process();

})();

[מים אחרונים]

רק שיש אילו הם באגים

[רפי סאם]

@מים-אחרונים @בנימין-מחשבים
העליתי את התוסף לחנות של כרום
https://chromewebstore.google.com/detail/הורדת-אודיו-מגוגל-צאט/neopkjnhhhekdnncampfkeckjjljechi?pli=1

[חיים קלים]

@רפי-סאם
האם יש לך תוסף שמוריד אודיו מכל האתרים שעובד בנטפרי
תודה רבה

[רפי סאם]

@חיים-קלים IDM....

[בנימין מחשבים]

@רפי-סאם אם כי צריך את התוכנה יחד עם התוסף
אבל שורה תחתונה זה מוריד הכל בכל מכל כל ברחבי האינטרנט... (כמעט)

[חיים קלים]

@רפי-סאם כתב בהמלצה | תוסף להורדת הודעות אודיו בגוגל צ'אט:

@חיים-קלים IDM....

@בנימין-מחשבים כתב בהמלצה | תוסף להורדת הודעות אודיו בגוגל צ'אט:

אם כי צריך את התוכנה יחד עם התוסף

האם צריך להתקין אותו על מחשב או על כרום כי אני מעדיף תוסף לכרום

[רפי סאם]

@חיים-קלים את התוכנה על המחשב ואת התוסף על כרום

[חיים קלים]

@רפי-סאם כתב בהמלצה | תוסף להורדת הודעות אודיו בגוגל צ'אט:

@חיים-קלים את התוכנה על המחשב ואת התוסף על כרום

האם יש משהו שיהיה אוניברסלי לכל המחשבים

[בנימין מחשבים]

@חיים-קלים קל לראות שאתה אכן מחפש חיים קלים...
לא כל כך מובן מה כוונתך "אוניברסלי לכל המחשבים" שתתקין המחשב שלך וזה יוריד מהמחשב שלי?
בכל מקרה ממליץ לך לשאול רגע את ר' ג'יימיני שיסביר לך מה זה תוכנה ומה תוסף לדפדפן. בהצלחה

[חיים קלים]

@בנימין-מחשבים
כוונתי שלא רק על אותו מחשב שהתקנתי את התוכנה ואני פותח בו את הכרום אלא בכל מחשב שאזדמן אליו

[רפי סאם]

@חיים-קלים אז אתה חייב תוסף מהחנות....
תסתכל בזה
https://chromewebstore.google.com/detail/audio-downloader-prime/flainkeonkoanoijnkojmiiihnfdhipd?hl=he&pli=1

[חיים קלים]

@רפי-סאם תודה רבה התקנתי אותו ומשום מה הוא לא מוריד לי הנה צילום !

[רפי סאם]

@חיים-קלים אין לי מושג
חיפשתי את התוסף הזה בגוגל....
לא התקנתי אותו מעולם...

[שמואל השמן]

@רפי-סאם איך מתקינים תוסף עם קובץ, דרך החנות?

[רפי סאם]

@שמואל-השמן מה הכוונה?

[שמואל השמן]

@רפי-סאם בדרך כלל אני מתקין מחנות האינטרנט של כרום, אבל עכשיו הבאת את זה בקובץ.

[רפי סאם]

@שמואל-השמן תחפש בפורום איך להתקין תוסף לא ארוז