{"id":13252,"date":"2024-11-11T17:13:10","date_gmt":"2024-11-11T16:13:10","guid":{"rendered":"https:\/\/imaginario27.com\/?post_type=project&#038;p=13252"},"modified":"2024-11-11T17:13:10","modified_gmt":"2024-11-11T16:13:10","slug":"gpt-4-vision-web-app","status":"publish","type":"project","link":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/","title":{"rendered":"GPT-4 Vision Web App"},"content":{"rendered":"<p>Die Webanwendung GPT-4 Vision App ist mit Nuxt 3 erstellt und integriert die GPT-4 Vision API von OpenAI zur Bildanalyse. Sie erm\u00f6glicht es Nutzern, ein vordefiniertes Bild auszuw\u00e4hlen, eine beschreibende Anfrage einzugeben und eine detaillierte Analyse basierend auf dem Bild und dem bereitgestellten Text zu erhalten. Dieses Projekt nutzt die OpenAI-API f\u00fcr bild- und textbasierte Interaktionen und bietet eine umfassende, fortschrittliche Erfahrung.<\/p>\n<h2>Funktionen und Features<\/h2>\n<ul>\n<li><strong>Bildanalyse<\/strong>: Nutzt die GPT-4 Vision API von OpenAI, um eine Auswahl vordefinierter Bilder basierend auf der vom Nutzer bereitgestellten Anfrage zu analysieren.<\/li>\n<li><strong>Markdown-Unterst\u00fctzung<\/strong>: Die Analyseergebnisse werden mit Markdown formatiert, was eine strukturierte und gut lesbare Ausgabe bietet.<\/li>\n<li><strong>Dynamische Bildauswahl<\/strong>: Nutzer k\u00f6nnen verschiedene Bilder aus einer Dropdown-Liste f\u00fcr die Analyse ausw\u00e4hlen.<\/li>\n<li><strong>Integration mit Nuxt 3<\/strong>: Erstellt mit Nuxt 3, was eine schnelle und modulare Entwicklung gew\u00e4hrleistet.<\/li>\n<\/ul>\n<h2>Screenshots<\/h2>\n<p><a href=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-image-select.jpg\" data-lbwps-width=\"1200\" data-lbwps-height=\"1046\" data-lbwps-srcsmall=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-image-select-300x262.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-13243 lazyload\" data-src=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-image-select.jpg\" alt=\"Bildauswahl - GPT-4 Vision Web App\" width=\"1200\" height=\"1046\" data-srcset=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-image-select.jpg 1200w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-image-select-980x854.jpg 980w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-image-select-480x418.jpg 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1200px, 100vw\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/1046;\" \/><\/a> <a href=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-output.jpg\" data-lbwps-width=\"1200\" data-lbwps-height=\"1178\" data-lbwps-srcsmall=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-output-300x295.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-13249 lazyload\" data-src=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-output.jpg\" alt=\"Analyse- GPT-4 Vision Web App\" width=\"1200\" height=\"1178\" data-srcset=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-output.jpg 1200w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-output-980x962.jpg 980w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app-output-480x471.jpg 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1200px, 100vw\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/1178;\" \/><\/a><\/p>\n<h2>Demo<\/h2>\n<p>Die Nutzung der App bringt Kosten aufgrund des Tokenverbrauchs mit sich. Aus diesem Grund muss eine Demo angefordert werden, um die App vorzuf\u00fchren.<\/p>\n<h2>Anleitung zur Nutzung<\/h2>\n<ol>\n<li>W\u00e4hle ein Bild aus der Dropdown-Liste aus.<\/li>\n<li>Gib eine beschreibende Anfrage im Textbereich ein, z. B. \u201eAnalysiere die architektonischen Details dieses Geb\u00e4udes.\u201c<\/li>\n<li>Klicke auf die Schaltfl\u00e4che <strong>Analysieren<\/strong>, um das Bild zu verarbeiten.<\/li>\n<li>Sieh dir das Analyseergebnis unten an, formatiert mit Markdown zur besseren \u00dcbersicht.<\/li>\n<\/ol>\n<h2>Repository<\/h2>\n<p>Entdecke das Projekt auf GitHub hier: <a href=\"https:\/\/github.com\/Imaginario27\/scrimba-gpt-4-vision\" target=\"_blank\" rel=\"noopener\">GPT-4 Vision App<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Webanwendung GPT-4 Vision App ist mit Nuxt 3 erstellt und integriert die GPT-4 Vision API von OpenAI zur Bildanalyse. Sie erm\u00f6glicht es Nutzern, ein vordefiniertes Bild auszuw\u00e4hlen, eine beschreibende Anfrage einzugeben und eine detaillierte Analyse basierend auf dem Bild und dem bereitgestellten Text zu erhalten. Dieses Projekt nutzt die OpenAI-API f\u00fcr bild- und textbasierte [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13246,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[115],"project_tag":[],"class_list":["post-13252","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-front-end-web-development","clientes-imaginario27","formatos-horizontales-format","tecnologias-html-de","tecnologias-javascript-de","tecnologias-ki-kuenstliche-intelligenz","tecnologias-nuxt-de","tecnologias-openai-de","tecnologias-tailwind-css-de","tecnologias-typescript-de","tecnologias-vue-de"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>GPT-4 Vision Web App - Imaginario27<\/title>\n<meta name=\"description\" content=\"GPT-4 Vision App: Analysiere Bilder mit benutzerdefinierten Anfragen und nutze Nuxt 3 und die OpenAI-API f\u00fcr detaillierte Ergebnisse.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"GPT-4 Vision Web App - Imaginario27\" \/>\n<meta property=\"og:description\" content=\"GPT-4 Vision App: Analysiere Bilder mit benutzerdefinierten Anfragen und nutze Nuxt 3 und die OpenAI-API f\u00fcr detaillierte Ergebnisse.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Imaginario27\" \/>\n<meta property=\"og:image\" content=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/gpt-4-vision-web-app\\\/\",\"url\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/gpt-4-vision-web-app\\\/\",\"name\":\"GPT-4 Vision Web App - Imaginario27\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/gpt-4-vision-web-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/gpt-4-vision-web-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/gpt-4-vision-web-app.jpg\",\"datePublished\":\"2024-11-11T16:13:10+00:00\",\"description\":\"GPT-4 Vision App: Analysiere Bilder mit benutzerdefinierten Anfragen und nutze Nuxt 3 und die OpenAI-API f\u00fcr detaillierte Ergebnisse.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/gpt-4-vision-web-app\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/gpt-4-vision-web-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/gpt-4-vision-web-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/gpt-4-vision-web-app.jpg\",\"contentUrl\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/gpt-4-vision-web-app.jpg\",\"width\":1600,\"height\":1150,\"caption\":\"GPT-4 Vision Web App\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/gpt-4-vision-web-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projekte\",\"item\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/projekte\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"GPT-4 Vision Web App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/\",\"name\":\"Imaginario27\",\"description\":\"Porfolio de trabajos creativos\",\"publisher\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/#\\\/schema\\\/person\\\/772d8c794bad977a3d9ad0dcc0b9a3d5\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/imaginario27.com\\\/de\\\/#\\\/schema\\\/person\\\/772d8c794bad977a3d9ad0dcc0b9a3d5\",\"name\":\"Imaginario27\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/imaginario27-imagotipo.png\",\"url\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/imaginario27-imagotipo.png\",\"contentUrl\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/imaginario27-imagotipo.png\",\"width\":1000,\"height\":1000,\"caption\":\"Imaginario27\"},\"logo\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/imaginario27-imagotipo.png\"},\"sameAs\":[\"https:\\\/\\\/imaginario27.com\\\/\",\"https:\\\/\\\/www.instagram.com\\\/imaginario27\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"GPT-4 Vision Web App - Imaginario27","description":"GPT-4 Vision App: Analysiere Bilder mit benutzerdefinierten Anfragen und nutze Nuxt 3 und die OpenAI-API f\u00fcr detaillierte Ergebnisse.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/","og_locale":"de_DE","og_type":"article","og_title":"GPT-4 Vision Web App - Imaginario27","og_description":"GPT-4 Vision App: Analysiere Bilder mit benutzerdefinierten Anfragen und nutze Nuxt 3 und die OpenAI-API f\u00fcr detaillierte Ergebnisse.","og_url":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/","og_site_name":"Imaginario27","og_image":[{"width":1600,"height":1150,"url":"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/","url":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/","name":"GPT-4 Vision Web App - Imaginario27","isPartOf":{"@id":"https:\/\/imaginario27.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/#primaryimage"},"image":{"@id":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app.jpg","datePublished":"2024-11-11T16:13:10+00:00","description":"GPT-4 Vision App: Analysiere Bilder mit benutzerdefinierten Anfragen und nutze Nuxt 3 und die OpenAI-API f\u00fcr detaillierte Ergebnisse.","breadcrumb":{"@id":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/#primaryimage","url":"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app.jpg","contentUrl":"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/gpt-4-vision-web-app.jpg","width":1600,"height":1150,"caption":"GPT-4 Vision Web App"},{"@type":"BreadcrumbList","@id":"https:\/\/imaginario27.com\/de\/projekte\/gpt-4-vision-web-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/imaginario27.com\/de\/"},{"@type":"ListItem","position":2,"name":"Projekte","item":"https:\/\/imaginario27.com\/de\/projekte\/"},{"@type":"ListItem","position":3,"name":"GPT-4 Vision Web App"}]},{"@type":"WebSite","@id":"https:\/\/imaginario27.com\/de\/#website","url":"https:\/\/imaginario27.com\/de\/","name":"Imaginario27","description":"Porfolio de trabajos creativos","publisher":{"@id":"https:\/\/imaginario27.com\/de\/#\/schema\/person\/772d8c794bad977a3d9ad0dcc0b9a3d5"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/imaginario27.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/imaginario27.com\/de\/#\/schema\/person\/772d8c794bad977a3d9ad0dcc0b9a3d5","name":"Imaginario27","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/imaginario27.com\/wp-content\/uploads\/2020\/05\/imaginario27-imagotipo.png","url":"https:\/\/imaginario27.com\/wp-content\/uploads\/2020\/05\/imaginario27-imagotipo.png","contentUrl":"https:\/\/imaginario27.com\/wp-content\/uploads\/2020\/05\/imaginario27-imagotipo.png","width":1000,"height":1000,"caption":"Imaginario27"},"logo":{"@id":"https:\/\/imaginario27.com\/wp-content\/uploads\/2020\/05\/imaginario27-imagotipo.png"},"sameAs":["https:\/\/imaginario27.com\/","https:\/\/www.instagram.com\/imaginario27\/"]}]}},"_links":{"self":[{"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/project\/13252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/comments?post=13252"}],"version-history":[{"count":0,"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/project\/13252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/media\/13246"}],"wp:attachment":[{"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/media?parent=13252"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/project_category?post=13252"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/imaginario27.com\/de\/wp-json\/wp\/v2\/project_tag?post=13252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}