Aplicando IA para edição de imagens via API da OpenAI.

Aprenda a criar uma aplicação em Blazor utilizando o GPT Image Edit da OpenAI para editar imagens.

Neste tutorial, vamos explorar como integrar o Blazor e .NET com a API de edição de imagens da OpenAI. Você aprenderá a criar uma aplicação que permite o upload de imagens, a modificação delas por meio de prompts e a exibição dos resultados na tela. Exploraremos detalhes como a instalação dos pacotes necessários, configuração da API e as nuances do .NET Blazor.


### Índice de Capítulos
00:00:00 Explorando o portal platform.openai.com
00:03:40 Explicando campos de API do Endpoint Images/Edits para os modelos gpt-image-1 e dall-e
00:09:07 Criando uma nova aplicação Blazor no dotnet (dotnet new e list)
00:13:37 Compilando uma aplicação Blazor (dotnet build)
00:14:01 Instalando os pacotes OpenAI e DotNetEnv (nuget - dotnet add package)
00:15:19 Explicando o uso do pacote OpenAI
00:18:18 Explicando o uso do pacote DotNetEnv
00:19:09 Executando a aplicação Blazor com dotnet watch (e Hot Reload)
00:20:05 Modificando UI da página Home no Blazor (usando Bootstrap)
00:22:29 Implementando upload de imagem usando InputFile e o evento OnChange (RequestImageFile)
00:32:11 Convertendo a imagem do upload em base64 para exibi-la na página (MemoryStream)
00:36:55 Definindo e explicando rapidamente o RenderMode (InteractiveServer)
00:40:17 Enviando a imagem para a API da OpenAI usando o pacote ImageClient e model gpt-image-1
00:42:09 Criando a ligação (binding) entre as variáveis e os controles HTML da página
00:45:00 Criando API Key na plataforma OpenAI e gravando em variáveis de ambiente usando o DotNetEnv
00:45:34 Explicando opções no Dashboard da API na plataforma da OpenAI (Usage, etc.)
00:56:42 Implementando tratamento de erros e ampulheta de processamento (feedback visual)
01:06:30 Explicando a verificação de perfil para ser possível usar o Endpoint Images/Edits