Stream OpenAI Chat Completions Like ChatGPT in JavaScript
📘 Courses - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support Paypal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - codevolution.business@gmail.com
OpenAI
OpenAI Chat Completions API
OpenAI in JavaScript
Stream OpenAI Chat Completions in JavaScript
Stream Chat Completions like ChatGPT
Пікірлер: 37
Part 1 - kzread.info/dash/bejne/maZrqMuLodbddpM.html Source code for copy pasting - bit.ly/3Lm8iyQ
you are a star, i was looking how to simulate the streaming result using openai api, thank you so much, hope you keep it up on AI videos
for people asking how to create a stream from a back end to front end you can load tokens into a queue and initiate the queue on a separate thread then read the queue from that thread asynchronously on your front end
@employedgorilla
8 ай бұрын
Struggling with the backend and frontend communication, do you have an example you could share
@carlosm9111
7 ай бұрын
How would this work exactly? Javascript is fundamentally single threaded and outside of using a websocket, there is no way to send communication back to the browser from the back end ...
@mokeddesasma1240
Ай бұрын
did u found an example please? Thank u@@employedgorilla
Can you make a video for Backend implementation of the same? I am able to get the data in chunks, how to read and stream the same in Front end?
Thanks for the video. Seems like parsing logic need to change for gpt4 response. Is there any generic way for parsing response?
Great video, thanks for sharing
Appreciate for sharing the video. But, I have a questions. Wouldn’t it be bad to update UI from every chunk of data from backend. Are there any parser to handle chunks to update UI?
Thanks for sharing
Mazza aa gya 🌹🔥🔥☺️
Great video thanks
Thanks for the video! How does one send stream from the backend instead? Not sure why everyone is creating a version where you have to share the key from the front-end 😅
@gurunnevada17
Жыл бұрын
I have this version, working well on localhost, not on versel haha.
nice vid!!
Awesome 🎉
If I am using Angular for a chat GPT API call, where can I store my API key in Angular? Even if we store it in the environment variable while making the request, it would be visible in the network tab, right? So how can we get security?
can u please do a tutorial on how to integrate openAi whisper model .
When returning the response which involves the code block the chat gpt uses two occurrences of three back ticks ``` is there a way using vanilla javascript to replace those three back ticks with opening and closing html code tags
Thanks for the great coding. Is there away to hide or secure the API key in your code from being public exposed? I've already tried . env but I didn't succeed to make it work. Thanks in advance.
@gurunnevada17
Жыл бұрын
up. Same question.
@MichaelLearnsToCode
10 ай бұрын
AFAIK, you can't do that on client side. make a new API Gateway and setup your API key there. and call the API you just created without requiring any API key on the client side.
❤❤❤
💙
Now md to html javacript parser for chat that triple backtick code fields wil be in code
Is it possible to read stream using axios?
@user-hp3kl7jp9z
11 ай бұрын
Yes - stream.on('data', (data) => {//...)
Sir, my free credit got expired 😭, now how to practice these prompts in a free way ?
I am getting an error . "Cannot read property 'getReader' of undefined"
@sanjay261982
11 ай бұрын
I am also getting this error. Were you able to resolve it? If yes, how?
@nicholasjankovic1040
9 ай бұрын
Same here. I've been stuck on this error for days. If either of you were able to fix it, please let me know.
@muhammedsinanck7234
8 ай бұрын
Try to use normal fetch without importing any library in code , when i used isomorphic-fetch i got this error
@niil_kh
6 ай бұрын
i'm also stuck on same issue since 2 months, did you get ans. plz let me know
very useful thousand likes
but how to stream structured data though? if my data is in a multi-level deep json format how to I make sure I get a similar response?