visuelle Anprobe

Virtuelle Try-On-Chrome-Erweiterung

Mit dieser Chrome-Erweiterung können Benutzer mithilfe der KI-gestützten Bildverarbeitung Kleidungsstücke von jeder E-Commerce-Website virtuell anprobieren.

Demo

Sehen Sie sich diese Videodemonstration der Virtual Try-On Chrome Extension an:

Merkmale

• Funktioniert auf jeder E-Commerce-Website
• Wählen Sie Ihr Bild einmal aus und verwenden Sie es problemlos auf verschiedenen Websites wieder
• Schützt Ihre Privatsphäre, indem personenbezogene Daten oder Bilder zur KI-Verarbeitung nicht an einen anderen Server als Hugging Face gesendet werden

Wie es funktioniert

• Erfasst das primäre Bild des Produkts aus HTML mit OpenAI GPT-4
• Lädt das Bild der Person für einen einfachen KI-Zugriff auf Cloudinary hoch
• Nutzt das Kolors-Modell für Hugging Face über die Gradio-API
• Speichert Personen- und Ergebnisbilder im Browser-Cache, um die Benutzerfreundlichkeit zu verbessern

Nichttechnische Erweiterung

Ich werde bald eine offizielle, gebrauchsfertige Erweiterung für Nicht-Techniker veröffentlichen. Bitte füllen Sie https://tally.so/r/mYYjoz aus, um über die Veröffentlichung benachrichtigt zu werden.

Technische Installation der Erweiterung

1. Klonen Sie dieses Repository oder laden Sie den Quellcode herunter
2. Öffnen Sie Chrome und navigieren Sie zu chrome://extensions/
3. Aktivieren Sie oben rechts den „Entwicklermodus“.
4. Klicken Sie auf „Entpackt laden“ und wählen Sie das Verzeichnis mit den Erweiterungsdateien aus
5. Richten Sie die OpenAI- und Cloudinary-Schlüssel ein

Aufstellen

Bevor Sie die Erweiterung verwenden, müssen Sie Folgendes einrichten:

OpenAI-API-Schlüssel

1. Gehen Sie zu OpenAI und eröffnen Sie ein Konto
2. Navigieren Sie zur Seite API-Schlüssel
3. Klicken Sie auf „Neuen geheimen Schlüssel erstellen“ und kopieren Sie den generierten Schlüssel

Cloudinary Cloud-Name und Upload-Voreinstellung

1. Registrieren Sie sich für ein Cloudinary-Konto
2. Melden Sie sich bei Ihrem Cloudinary-Dashboard an
3. Ihr Cloud-Name wird in der oberen linken Ecke des Dashboards angezeigt
4. So erstellen Sie eine Upload-Voreinstellung:
   • Gehen Sie zu Einstellungen > Hochladen
   • Scrollen Sie zu „Voreinstellungen hochladen“ und klicken Sie auf „Upload-Voreinstellung hinzufügen“.
   • Wählen Sie einen voreingestellten Namen und stellen Sie „Signaturmodus“ auf „Unsigniert“ ein.
   • Speichern Sie die Voreinstellung

Verwendung

1. Klicken Sie in Chrome auf das Erweiterungssymbol, um das Popup zu öffnen
2. Klicken Sie auf das Einstellungssymbol (⚙️) und geben Sie Ihre API-Schlüssel ein:
   • OpenAI-API-Schlüssel
   • Cloudinary Cloud-Name
   • Cloudinary-Upload-Voreinstellung
3. Speichern Sie die Einstellungen
4. Laden Sie ein Personenbild hoch oder wählen Sie es aus
5. Navigieren Sie zu einer Produktseite auf einer E-Commerce-Website
6. Klicken Sie auf „Anprobieren“, um das Ergebnis der virtuellen Anprobe zu sehen

Credits

• Kwai-Kolors von KuaiShou für das KI-Modell
• Vielen Dank an Face und Gradio für die Bereitstellung der GPU zum Ausführen des Modells
• Cursor-Editor zur Vereinfachung des Entwicklungsprozesses

Mitwirken

Beiträge sind willkommen! Bitte senden Sie gerne einen Pull Request.

Lizenz

Dieses Projekt ist unter der MIT-Lizenz lizenziert.