Тёмный

Como CRIAR um CHAT integrado com CHATGPT + HTML, CSS e JavaScript 

Gustavo Neitzke
Подписаться 41 тыс.
Просмотров 19 тыс.
50% 1

Опубликовано:

 

17 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 60   
@victorlimao5343
@victorlimao5343 Год назад
cara um feedback, vim no youtube pra pesquisar referente a chats internos de um sistema intra que estou desenvolvendo, e chegando no vídeo deu um brainstorm enorme... já implantei no meu sistema essa ideia e ficou show de bola demais!!! ;) tmj
@brognoliAI
@brognoliAI 9 месяцев назад
Gostei bastante desse jeito de aprender sobre IA e chat gpt , tem mais informções desse tipo?
@APPLA_
@APPLA_ Год назад
que aula boa, a parte de ter cartão de credito para pagar os 5 dólares fudeu tudo kkkkkkk, mas a aula foi boa com o que aprendi aqui, fiz uma lista de lembretes, com menos de 40 linhas(sem contar o css)
@juniorklbk
@juniorklbk Год назад
Meu amigo, excelente a aula. Meus parabéns!!!!!👏👏👏👏
@nerineitzke
@nerineitzke Год назад
show de bola Gustavo, dominando cada vez mais
@LeonardodeSouza-w4p
@LeonardodeSouza-w4p Год назад
Meu querido parabéns , amei a didática e a riqueza de detalhes ^^
@carlosmagnoguerra
@carlosmagnoguerra 3 месяца назад
Estava dando erro - "tente mais tarde". Ai perguntei ao chat GPT como corrigir e ele me deu a resposta. Está funcionando agora. Obrigado pela ajuda. 😁 O erro 401 (Unauthorized) indica que há algum problema com a autenticação. No seu código, parece que a interpolação de strings dentro da declaração do cabeçalho `Authorization` não está correta. Em vez de usar aspas simples com `${apiKey}`, você deve usar template strings (backticks) para interpolar corretamente. Aqui está a correção: const apiKey = 'sk-pr... sua KEY AQUI'; function sendMessage() { var message = document.getElementById('message-input'); if (!message.value) { message.style.border = '1px solid red'; return; } message.style.border = 'none'; var status = document.getElementById('status'); var btnSubmit = document.getElementById('btn-submit'); status.style.display = 'block'; status.innerHTML = 'Carregando...'; btnSubmit.disabled = true; btnSubmit.style.cursor = 'not-allowed'; message.disabled = true; fetch("api.openai.com/v1/chat/completions", { method: 'POST', headers: { Accept: "application/json", "Content-Type": "application/json", Authorization: `Bearer ${apiKey}`, // Usando template string }, body: JSON.stringify({ model: "gpt-3.5-turbo", messages: [{"role": "user", "content": message.value}], // formato correto para a API de completions max_tokens: 2048, temperature: 0.5 }) }) .then((response) => response.json()) .then((response) => { let r = response.choices[0].message['content']; status.style.display = 'none'; showHistory(message.value, r); }) .catch((e) => { console.log(`Error -> ${e}`); status.innerHTML = 'Erro de conexão, tente novamente mais tarde...'; }) .finally(() => { btnSubmit.disabled = false; btnSubmit.style.cursor = 'pointer'; message.disabled = false; message.value = ''; }); } Além disso, note que o formato do corpo da solicitação deve seguir a estrutura correta para a API de chat completions, usando `messages` em vez de `prompt`.
@dhellly
@dhellly Год назад
Você ensina muito bem... ganhou mais uma inscrição!!!
@valderineitzke5843
@valderineitzke5843 Год назад
Genial, muito boa a aula Gustavo 👏👏👏
@AlexandreSaints
@AlexandreSaints Год назад
Boa! Meus parabéns! Devemos fazer uma live juntos falando sobre projetos! xD
@GustavoNeitzke
@GustavoNeitzke Год назад
Valeuuu!! Com certeza... podemos fazer essa live sim
@dgsplays2506
@dgsplays2506 7 месяцев назад
Seria possível treinar para responder perguntas relacionadas a uma empresa por exemplo? Passando informações sobre ela para treinar o Chatbot?
@CleytonBonamigo
@CleytonBonamigo Год назад
Muito boa aula Gustavo, aprendi muito com o vídeo 👏.
@GustavoNeitzke
@GustavoNeitzke Год назад
Grande Cleyton! Honra ter você aqui assistindo meus vídeos! Fico super feliz, grande abraço 👊🏼🚀
@spartansoundmix
@spartansoundmix Год назад
Parabens pela tutorial. Mas como melhorar esse codigo para que a resposta do chatgpt não seja printado de uma unica vez na tela, e sim que ele fosse digitando no chat, em flagmentos de textos, como ocorre no chatgpt. Sei que tem uma opcao de stream, mas não sei como implementar, tem como tu fazer essa implementação no codigo?
@ruedigerdavi
@ruedigerdavi 3 месяца назад
cara, acho difícil.. pois como a mensagem é enviada para a IA via requisição e volta via requisição, a mensagem chega completa... a requisição não vai sendo retornada em partes
@leonardoalves2602
@leonardoalves2602 Год назад
Parabéns pelo vídeo. Como faço para dar as diretrizes de resposta pra ele? Gostaria de treinar o meu para responder meus clientes. Conforme fazemos no playground do openai. Obrigado
@matheus.maiberg
@matheus.maiberg 10 месяцев назад
Vai ter que usar a Assistant api, ela e bem mais complexa que so chamar uma completion. Mas voce consegue enviar um PDF com informacoes do seu produto e instruir o assistente a responder e ate usar uma assistant function pra no final da conversa poder solicitar nome, telefone e email e fazer um fetch pra um CRM ou pra uma planilha do Sheets.
@Guarumidia
@Guarumidia 8 месяцев назад
​@@matheus.maibergvocê já fez algo parecido, estou tentando aplicar o assistant mas não estou tendo êxito, não consigo conectar a um front
@matheus.maiberg
@matheus.maiberg 8 месяцев назад
@@Guarumidia Sim ja fiz, é bem tranquilo, só tem que seguir a ordem das chamadas
@Guarumidia
@Guarumidia 8 месяцев назад
@@matheus.maiberg tem algum material que possa me indicar pra eu conseguir fazer? só fiz com completion, com assistant não consegui
@DiegoSouza-ww2sn
@DiegoSouza-ww2sn 11 месяцев назад
Oi, uma pergunta, tem como eu pré colocar um comando no chat gpt, por exemplo, antes dele iniciar a conversa ele estyá programado para criar uma historia de rpg por exemplo
@pedrocezar7277
@pedrocezar7277 9 месяцев назад
Ajudou muito, valeu mesmo!
@APPAUT0B0X
@APPAUT0B0X 8 месяцев назад
Não está mais funcionando assim pois o davinci foi descontinuado, porém seguindo o exemplo e muita paciência com o CHATGPT consegui fazer funcionar, ainda mais como um especialista em qualquer assunto que eu desejar! Etc... bem preciso e rápido! Obrigado
@Guarumidia
@Guarumidia 8 месяцев назад
você conseguiu fazer com o chat gpt assistant?
@APPAUT0B0X
@APPAUT0B0X 8 месяцев назад
Sim consegui, ficou bacana, usando apenas html, css e Java script, aí refinei ele com códigos no próprio gpt, eu posso adicionar diversas Especialidades e experiências diretamente ao código, ficou bão e supre minhas necessidades,
@Guarumidia
@Guarumidia 8 месяцев назад
@@APPAUT0B0X vc tem ele em algum repositório? Eu consegui fazer com o gpt genérico, usando completion, mas não estou conseguindo fazer com o assistant
@ClubeMamaesSabias
@ClubeMamaesSabias 8 месяцев назад
Kkkkkkkkkk saiba que quem me levou aqui foi o Bard mano! O Bard te deu +1 like e view xD
@LuisLindner
@LuisLindner Год назад
Olá Gustavo, eu estava assistindo um vídeo seu no RU-vid e gostaria de perguntar se você sabe como eu posso integrar o chat gpt diretamente no meu site?
@jefersonbonifacio7504
@jefersonbonifacio7504 8 месяцев назад
CHAT.IA - CHATGPT Enviar
@dinheirorapido-xv5fq
@dinheirorapido-xv5fq 9 дней назад
amigo, ensina a criar um backend de forma fácil para eu poder receber as midia da pessoas no meu site
@acm1408
@acm1408 7 месяцев назад
É possível direcionar o chat para que as respostas sejam dadas por um "Agente GPT" criado por nós e não pelo CHAT GPT comum?
@GAbrielRMGabrielRMedina
@GAbrielRMGabrielRMedina Год назад
fera demais
@agostinhoantonio9684
@agostinhoantonio9684 5 месяцев назад
baixe o este projecto no github compilei mais está aparecer o seguinte erro " erro, tente novamente mais tarde". Por favor ajudem me , o que faço?
@TomFram-D
@TomFram-D Год назад
Top esse video, mas como eu coloco um icone ao lado das perguntas e respostas?
@cryptoice7180
@cryptoice7180 Год назад
Top esse video, Tu é Curitibano??
@GustavoNeitzke
@GustavoNeitzke Год назад
Valeuu! Sou gaúcho de Carazinho
@ydarkxy_1801
@ydarkxy_1801 Год назад
Ensina a fazer ligamento de botões a tabelas, preciso fazer um ligamento de 5 tabelas em 5 botões diferentes no mesmo site
@LucasRS_
@LucasRS_ Год назад
Show dms!
@antoniojosedossantosfilho8168
ei meu chapa , gosto muito dos seus videos , porém queria saber se você poderia me ajudar com um problema que eu to pra um projeto , tentei pesquisar em todo canto porém acho que é um problema muiiito especifico , gostaria de saber se você poderia me ajudar ????
@ScreenVs
@ScreenVs Год назад
gustavo como conectar uma pagina que tem login e cadastro numa so pagina no banco de dados?
@ioricortez
@ioricortez Год назад
tem como definir uma personalidade pro chat??
@Dand_oli2023
@Dand_oli2023 Год назад
Muito bom
@joao-hw5ix
@joao-hw5ix 10 месяцев назад
olá tudo bem talvez voce nunca leia essa mensagem,mas se um dia ler faz um video recriando um blog dos anos 2000 á 2005 um blog na internet igual era feito por muitos jovens antigamentemas faz exatamente como era na aquela epoca o mesmo layout,interface e etc ensina isso,mas ensina de um jeito ou em uma pataforma onde as pessoas podem criar o seu proprio blog estilo anos 2000 porfavooooorr? nostalgia jáááaááa
@lourivallopes1981
@lourivallopes1981 Год назад
Great!
@Gaua2
@Gaua2 6 месяцев назад
tem como fazer com o gemini?
@giovanev
@giovanev Год назад
no próximo, como fazer o CHATGTP preparar um chima! kkkkk
@GustavoNeitzke
@GustavoNeitzke Год назад
Boaaa!! Kkkk
@mauriceblues
@mauriceblues 9 месяцев назад
Funcionou bem no primeiro dia mas apesar de eu ter créditos, a mensagem de erro passou ser apresentada!
@TeVejoEmValhalla
@TeVejoEmValhalla 2 месяца назад
o meu ta dando um erro e n sei se tem uma solução sem ser comprar um plano, erro 429, too many requests
@barbaraleao4852
@barbaraleao4852 Месяц назад
voce conseguiu achar uma solução sem ter que pagar? estou sofrendo o mesmo
@TeVejoEmValhalla
@TeVejoEmValhalla Месяц назад
@@barbaraleao4852 pior q não, pesquisei e pesquisei, dai eu acabei indo pra api do gemini, li a documentação inteira e foi, mas dps de ter estudado mais sobre o assunto acho que teria um jeito, mas eu teria que testar pra ter certeza. a api do gemini eu achei bem legal, mas tive que fazer varias coisas para a formatação sair como eu queria, mas no fim deu certo o que eu tava tentando fazer
@mathwusdocartao308
@mathwusdocartao308 Год назад
Consegue trazer como integrar em um bot no Telegram?
@GustavoNeitzke
@GustavoNeitzke Год назад
Ótima ideia! Consigo sim 🚀🚀
@mathwusdocartao308
@mathwusdocartao308 Год назад
@@GustavoNeitzke Obrigado!!
@brennoalcantara7367
@brennoalcantara7367 Год назад
Ae mano, você ou seu pai poderia dar aula particular? Eu pago
@hipnose2.079
@hipnose2.079 8 месяцев назад
recebo essa mensagem: "Erro, tente novamente mais tarde..."
@AntonioMarcosS
@AntonioMarcosS 6 месяцев назад
Eu também.
@angelegabriel
@angelegabriel Год назад
entendi nada
Далее
I Tried Every AI Coding Assistant
24:50
Просмотров 825 тыс.
Eminem НА РУССКОМ💔
00:30
Просмотров 444 тыс.
Основы HTML для Начинающих (в 2024)
16:52