Connect the New ChatGPT 4o API to Bubble.io – Tutorial

😎🤓 Looking to go the distance with a full chat configuration? 🤓😎
👉👉 Check out https://www.nocodeacademy.co/offers/96nCFEJt?coupon_code=GPT30OFF 👈👈

In this video we explore how to connect the ChatGPT 4o model to Bubble with the API Connector Plugin. Specifically, how it can be integrated into Bubble for text completion and image-based analysis.

Chapters:

00:00 - ChatGPT 4.0 Omnichannel AI Assistant Unveiled
03:09 - Exploring ChatGPT 4.0 Integration in Bubble
04:38 - Using API Keys for Chat Completions
05:58 - Simple Chat UI with Input and Send
08:07 - Testing API Integration
10:08 - Importing and Setting Up Visuals
10:58 - Emotion-Based Art Pairing
13:02 - Creating a Video Upload Interface
14:46 - Splitting Data into Sections

JSON for Image API Call:

{
"model": "gpt-4o",
"messages": [
{
"role": "user",
"content": [
{
"type": "text",
"text": "Here are 3 iamges. Provide a separate emotional analysis of each image to determine their top 3 motions. The result you provide is 3 lists of three emotions. One list per image. After each list of emotions, place the word END."
},
{
"type": "image_url",
"image_url": {
"url": "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Gfp-wisconsin-madison-the-nature-boardwalk.jpg/2560px-Gfp-wisconsin-madison-the-nature-boardwalk.jpg"
}
},
{
"type": "image_url",
"image_url": {
"url": "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Gfp-wisconsin-madison-the-nature-boardwalk.jpg/2560px-Gfp-wisconsin-madison-the-nature-boardwalk.jpg"
}
},
{
"type": "image_url",
"image_url": {
"url": "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Gfp-wisconsin-madison-the-nature-boardwalk.jpg/2560px-Gfp-wisconsin-madison-the-nature-boardwalk.jpg"
}
}
]
}
],
"max_tokens": 500
}

===========================
Limited Time 1-on-1 Consulting -
https://calendly.com/nocodeacademy/solve-your-bubble-challenges
===========================

✅ Subscribe to be notified when the more Bubble tutorial videos come out.

⏩ Follow along in a free Bubble.io account by signing up at https://bubble.io/?ref=io01awzc.

❓ Have questions? Want a consultation? Reach out at https://nocodeacademy.co.

➡️ Disclaimer - this page contains an affiliate link that gives a credit valid towards our monthly Bubble account fee but has no cash value beyond this. Should you decide a paid Bubble account is right for you, thank you in advance for your support.

Tags: ChatGPT 4o API, ChatGPT API to Bubble, chatgpt-4o api bubble.io, bubble.io api connector, openai api tutorial

Скачать видео