ChatGPT me code un Site Web à partir d'une IMAGE (API GPT-4 Vision)

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ก.ค. 2024
  • Plus besoin de savoir CODER pour créer un Site WEB. Avec l'API GPT-4 VISION et le site Screenshot to Code, je te montre comment transformer une capture de n'importe quel site WEB en code HTML / Tailwind / CSS complet. Abonne-toi à ma chaîne TH-cam ici : jbv.ovh/jeanviet
    ---------
    Au sommaire :
    GPT 4 Vision, c'est quoi ? 00:00
    Screenshot to Code 00:30
    Comment avoir une clé API GPT 4 01:00
    Comment capturer une page Web ? 02:35
    Comment créer un clone de TH-cam ? 03:33
    Editer son code HTML dans Code Pen 04:35
    Créer un clone d'Instagram 05:36
    Le Prompt System de Screenshot to Code 07:47
    Un Google Colab pour tester l'API GPT Vision 10:10
    Retour sur le site ChatGPT 13:30
    ---------
    Toutes les ressources présentées dans ce tuto :
    Screenshot to Code
    Le projet GIT :
    github.com/abi/screenshot-to-...
    Le site Web :
    screenshottocode.com/
    Pour avoir une clé API GPT 4
    platform.openai.com/api-keys
    La doc de l'API ChatGPT
    platform.openai.com/docs/over...
    Pour Tester l'API #GPT4Vision depuis Google Colab
    colab.research.google.com/dri...
    Plus d'infos sur #GPT4vision
    openai.com/blog/chatgpt-can-n...
    openai.com/contributions/gpt-4v
    Le live de Greg Brockman (président d'Open AI) sur GPT-4
    • GPT-4 Developer Livest...
    ---------
    - Mon TikTok : / jeanviet.fr
    - Mon Instagram : / jeanviet
    - Mon Twitter : / jeanviet
    ---------
    Si tu veux devenir un bon créateur de contenu, lis mon livre ici :
    livre.tousinfluenceurs.fr/
    Promis, je ne l'ai pas écrit avec une IA ;-)
    ---------
    Abonne-toi à ma chaîne TH-cam ici : jbv.ovh/jeanviet
    ---------
    Musiques :
    Boogie Bounce
    Ex Boxer
    Road Trip : Joachim Karud
    Clouds Joachim Karud
    Running : DJ Quads
    ---------
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 8

  • @jeanviet
    @jeanviet  7 หลายเดือนก่อน +1

    Des idées de tâches à automatiser avec les APIs Gpt4 ? Partage moi ça en commentaire et j'essaie de créer le Google Colab qui va bien la prochaine fois !

  • @asbotstudio
    @asbotstudio 7 หลายเดือนก่อน

    Intéressante cette vidéo! Merci pour la démonstration 🙂

  • @coolbequiet5247
    @coolbequiet5247 7 หลายเดือนก่อน

    Merci! 👍

  • @benben2846
    @benben2846 5 หลายเดือนก่อน

    Merci, impressionnant , je découvre....et sur lm studio en local, y a pas encore des modèles open sources pour ?

    • @jeanviet
      @jeanviet  5 หลายเดือนก่อน

      Hello, non pas de llm open source qui analyse les images

  • @GuillaumeFR
    @GuillaumeFR 7 หลายเดือนก่อน +1

    impressionnant, merci pour ces usages utiles de l'iA.
    Ca pourrait permettre de créer des Landing pages ?
    GPT-4 Vision ne pourrait-elle pas aussi être utile pour générer des "ALT" pour les malvoyants qui ont des navigateurs Web synthèse vocale ? ;)

    • @jeanviet
      @jeanviet  7 หลายเดือนก่อน +1

      Salut Guillaume, effectivement voici 2 très bonnes idées d'usage de l'API GPT Vision. 5 cents La landing page c'est cadeau. Après pour les alt des images, ca risque de faire cher à l'usage, si tu as beaucoup de descriptions d'images à générer. Ça pourrait être l'occasion de se servir de ce texte pour compléter aussi l'image principale d'une fiche produit et ainsi d'améliorer son seo.

    • @GuillaumeFR
      @GuillaumeFR 7 หลายเดือนก่อน +1

      Merci pour ta réponse@@jeanviet !
      Ah oui j'avais oublié l'aspect coût pour générer les "ALT" :(
      Excellente remarque pour le SEO ;)