ADOS Wiki

MediaWiki:Gadget-LabelScan.js: Unterschied zwischen den Versionen

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
Zeile 7: Zeile 7:
     indexTitle: (window.LabelScanConfig && window.LabelScanConfig.indexTitle) ||
     indexTitle: (window.LabelScanConfig && window.LabelScanConfig.indexTitle) ||
                 'MediaWiki:Gadget-LabelScan-index.json',
                 'MediaWiki:Gadget-LabelScan-index.json',
     transformersURL: 'https://cdn.jsdelivr.net/npm/@xenova/transformers@2.15.0',
     // Lokaler ESM-Shim (setzt window.transformers):
     modelId: 'Xenova/clip-vit-base-patch32',
    transformersShim: '/vendor/transformers/esm-shim.js',
     localModelPath: '/models',         // <<— deine Modelle liegen hier
     // Lokale Pfade:
     topK: 8,                            // wie viele Treffer insgesamt
     localModelPath:   '/models',
     maxSide: 1280,                      // Downscale vor Auto-Crop (Performance)
     wasmDir:         '/vendor/transformers/',
     modelId:         'Xenova/clip-vit-base-patch32',


     // ---- Auto-Crop (Feature 4) ----
    topK: 8,
    maxSide: 1280,
 
     // ---- Auto-Crop ----
     autoCrop: true,
     autoCrop: true,
     edgeKeepRatio: 0.10,               // oberste 10% Kanten als Maske
     edgeKeepRatio: 0.10,
     cropPadding: 0.08,                 // 8% Randzugabe um die Box
     cropPadding: 0.08,
     cropMinRel: 0.40,                   // min. 40% der kleineren Bildkante
     cropMinRel: 0.40,


     // ---- Score-Badges (Feature 3) ----
     // ---- Score-Badges ----
     showNumericScore: false,           // true = Zahlen zeigen, false = Badges
     showNumericScore: false,
     confidenceBands: [0.90, 0.80],     // hoch ≥0.90, mittel ≥0.80, sonst niedrig
     confidenceBands: [0.90, 0.80],


     // ---- Sonstiges ----
     // ---- Sonstiges ----
Zeile 73: Zeile 77:
   }
   }


   // --------- Transformers (lokal) ----------
   // --------- Transformers (lokal, ESM via Shim) ----------
   let _visionLoadPromise=null;
   let _visionLoadPromise=null;
  function loadModuleFile(url){
    return new Promise((resolve,reject)=>{
      const s=document.createElement('script');
      s.type='module';
      s.src=url;
      s.onload=()=>resolve();
      s.onerror=()=>reject(new Error('Module load failed: '+url));
      document.head.appendChild(s);
    });
  }
   async function ensureClipVision(){
   async function ensureClipVision(){
     if(_visionLoadPromise) return _visionLoadPromise;
     if(_visionLoadPromise) return _visionLoadPromise;
Zeile 80: Zeile 94:
     setStatus('Modell laden …'); setProgress(0.08);
     setStatus('Modell laden …'); setProgress(0.08);


     _visionLoadPromise = (async()=>{
     _visionLoadPromise = (async ()=>{
       const mod = await import(/* webpackIgnore: true */ CFG.transformersURL);
       // ESM-Shim laden (setzt window.transformers)
      await loadModuleFile(CFG.transformersShim);
 
      // Warten bis verfügbar
      const t0=Date.now();
      while(!(window.transformers && typeof window.transformers==='object')){
        if(Date.now()-t0>10000) throw new Error('Transformers-ESM nicht verfügbar (Timeout).');
        await new Promise(r=>setTimeout(r,50));
      }
      const mod = window.transformers;


       // Nur lokal laden
       // Nur lokal laden
Zeile 88: Zeile 111:
       mod.env.localModelPath  = CFG.localModelPath;
       mod.env.localModelPath  = CFG.localModelPath;


       // (Optional) WebGPU bevorzugen – fallback bleibt wasm
       // Stabil: WASM bevorzugen & lokale Pfade setzen
      // mod.env.backends = mod.env.backends || {};
      // mod.env.backends.onnx = mod.env.backends.onnx || {};
      // mod.env.backends.onnx.preferredBackend = 'webgpu';
 
      // WASM-Runtime (ort-wasm-simd.wasm) von transformers-CDN
       mod.env.backends = mod.env.backends || {};
       mod.env.backends = mod.env.backends || {};
       mod.env.backends.onnx = mod.env.backends.onnx || {};
       mod.env.backends.onnx = mod.env.backends.onnx || {};
      mod.env.backends.onnx.preferredBackend = 'wasm';
       mod.env.backends.onnx.wasm = mod.env.backends.onnx.wasm || {};
       mod.env.backends.onnx.wasm = mod.env.backends.onnx.wasm || {};
       mod.env.backends.onnx.wasm.wasmPaths =
       mod.env.backends.onnx.wasm.wasmPaths = CFG.wasmDir;
        'https://cdn.jsdelivr.net/npm/@xenova/transformers@2.15.0/dist/';


       const [processor, model] = await Promise.all([
       const [processor, model] = await Promise.all([
Zeile 143: Zeile 161:
     }
     }


     // Sobel-Kanten (Magnitude)
     // Sobel-Kanten
     const mag=new Float32Array(w*h);
     const mag=new Float32Array(w*h);
     const sobelX=[-1,0,1,-2,0,2,-1,0,1];
     const sobelX=[-1,0,1,-2,0,2,-1,0,1];
Zeile 160: Zeile 178:
     }
     }


     // Schwellwert: oberes x%-Quantil
     // oberes x%-Quantil
     const vals = Array.from(mag).sort((a,b)=>a-b);
     const vals = Array.from(mag).sort((a,b)=>a-b);
     const keep = CFG.edgeKeepRatio;
     const keep = CFG.edgeKeepRatio;
Zeile 175: Zeile 193:
     }
     }


     if(count<50) return inCanvas; // zu wenig Signal → return original
     if(count<50) return inCanvas;


     // Padding
     // Padding
Zeile 227: Zeile 245:
     }
     }


     // 3) Canvas → Blob → RawImage (robust für Processor)
     // 3) Canvas → Blob → RawImage
     const blob = await new Promise(r => canvas.toBlob(r, 'image/jpeg', 0.95));
     const blob = await new Promise(r => canvas.toBlob(r, 'image/jpeg', 0.95));
     const imageRaw = await mod.RawImage.fromBlob(blob);
     const imageRaw = await mod.RawImage.fromBlob(blob);
Zeile 260: Zeile 278:
   }
   }


   // --------- Score-Badges (Feature 3) ---------
   // --------- Score-Badges ---------
   function scoreBadge(score){
   function scoreBadge(score){
     if (CFG.showNumericScore) {
     if (CFG.showNumericScore) {
Zeile 272: Zeile 290:
   }
   }


   // --------- Rendering (Top-3 Karten + Restliste) ---------
   // --------- Rendering ---------
   function renderResults(ranked){
   function renderResults(ranked){
     const box=qs('ados-scan-results');
     const box=qs('ados-scan-results');
Zeile 303: Zeile 321:
     grid.style.gap='12px';
     grid.style.gap='12px';


    // Top-3 als Karten
     ranked.slice(0,3).forEach(({i,score})=>{
     ranked.slice(0,3).forEach(({i,score})=>{
       const it=INDEX[i];
       const it=INDEX[i];
Zeile 309: Zeile 326:
     });
     });


    // Rest als Liste
     const rest = ranked.slice(3);
     const rest = ranked.slice(3);
     if(rest.length){
     if(rest.length){
Zeile 358: Zeile 374:
     btnCam && btnCam.addEventListener('click', ()=> inCam.click());
     btnCam && btnCam.addEventListener('click', ()=> inCam.click());
     btnGal && btnGal.addEventListener('click', ()=> inGal.click());
     btnGal && btnGal.addEventListener('click', ()=> inGal.click());
     const pick = e => { const f=e.target.files?.[0]; if(f) showPreview(f); };
     const pick = e => { const f=e.target.files && e.target.files[0]; if(f) showPreview(f); };
     inCam.addEventListener('change', pick);
     inCam.addEventListener('change', pick);
     inGal.addEventListener('change', pick);
     inGal.addEventListener('change', pick);
Zeile 367: Zeile 383:
       drop.addEventListener('drop', ev => {
       drop.addEventListener('drop', ev => {
         ev.preventDefault(); drop.classList.remove('is-over');
         ev.preventDefault(); drop.classList.remove('is-over');
         const f = ev.dataTransfer?.files?.[0];
         const f = ev.dataTransfer && ev.dataTransfer.files && ev.dataTransfer.files[0];
         if(f){
         if(f){
           const dt=new DataTransfer(); dt.items.add(f);
           const dt=new DataTransfer(); dt.items.add(f);
Zeile 393: Zeile 409:
       const inGal  = qs('ados-scan-file-gallery');
       const inGal  = qs('ados-scan-file-gallery');


       const file = inCam.files?.[0] || inGal.files?.[0];
       const file = (inCam.files && inCam.files[0]) || (inGal.files && inGal.files[0]);
       if(!file){ alert('Bitte zuerst ein Foto auswählen.'); return; }
       if(!file){ alert('Bitte zuerst ein Foto auswählen.'); return; }


Abgerufen von „https://ados-wiki.de/wiki/MediaWiki:Gadget-LabelScan.js“