להורדה | אשכול הצעות לתוספי כרום

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

סקרנות

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

קוד מקור:

chrome.runtime.onInstalled.addListener(() => {
  chrome.contextMenus.create({
    id: "copyAndTranslate",
    title: "תרגם תמונה (גוגל טרנסלייט)",
    contexts: ["image"]
  });
});

chrome.contextMenus.onClicked.addListener((info, tab) => {
  if (info.menuItemId === "copyAndTranslate") {
    const imageUrl = info.srcUrl;
    
    // 1. מריץ סקריפט בתוך העמוד כדי להעתיק את התמונה
    chrome.scripting.executeScript({
      target: { tabId: tab.id },
      func: copyImageToClipboard,
      args: [imageUrl]
    }).then(() => {
      // 2. פותח את גוגל טרנסלייט בעמוד הייעודי לתמונות
      chrome.tabs.create({ url: "https://translate.google.com/?sl=auto&tl=iw&op=images" });
    });
  }
});

// פונקציה שרצה בתוך האתר בו נמצאת התמונה כדי לגשת ללוח
async function copyImageToClipboard(url) {
  try {
    // יצירת התמונה בזיכרון והמרתה לפורמט PNG הנתמך בלוח ההעתקה
    const img = new Image();
    img.crossOrigin = "anonymous";
    img.src = url;
    
    await new Promise((resolve, reject) => {
        img.onload = resolve;
        img.onerror = reject;
    });

    const canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    const ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);

    canvas.toBlob(async (blob) => {
        if (blob) {
            await navigator.clipboard.write([
                new ClipboardItem({ "image/png": blob })
            ]);
        }
    }, "image/png");

  } catch (err) {
    // הערה: בחלק מהאתרים יש חסימות אבטחה מחמירות (CORS) שימנעו העתקה אוטומטית. 
    console.error("לא ניתן היה להעתיק את התמונה אוטומטית בגלל חסימת CORS של האתר.");
    alert("האתר חוסם העתקה אוטומטית. אנא עשה קליק ימני על התמונה -> 'העתק תמונה', ואז הדבק (Ctrl+V) בחלון של גוגל טרנסלייט שנפתח.");
  }
}

ידידים

עוד תוסף שהייתי שמח שיצא לפועל
תמלול דיבור לטקסט בגוגל צאט
יש תמלול לטקסט בדוקס אולי אפשר עם תוסף לקשר ביניהם ולעשות תמלול בצאט עצמו
תודה

צדיק וטוב לו 0

@ידידים זה כבר קיים...
זה עולה כהקלטה+תמלול.

ידידים

@צדיק-וטוב-לו-0
לא לא
אני רוצה רק תמליל
ואת זה אין