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

  • @Codevolution
    @Codevolution Жыл бұрын

    Part 1 - kzread.info/dash/bejne/maZrqMuLodbddpM.html Source code for copy pasting - bit.ly/3Lm8iyQ

  • @corsaronero5619
    @corsaronero5619 Жыл бұрын

    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

  • @SkintRichKid
    @SkintRichKid8 ай бұрын

    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

    @employedgorilla

    8 ай бұрын

    Struggling with the backend and frontend communication, do you have an example you could share

  • @carlosm9111

    @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

    @mokeddesasma1240

    Ай бұрын

    did u found an example please? Thank u@@employedgorilla

  • @ankitkumarjha8109
    @ankitkumarjha81099 ай бұрын

    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?

  • @jaysharmaumbc
    @jaysharmaumbc11 ай бұрын

    Thanks for the video. Seems like parsing logic need to change for gpt4 response. Is there any generic way for parsing response?

  • @abhishekvishwakarma9045
    @abhishekvishwakarma9045 Жыл бұрын

    Great video, thanks for sharing

  • @mvskiran4727
    @mvskiran472711 ай бұрын

    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?

  • @Miguel-Barcelo
    @Miguel-Barcelo Жыл бұрын

    Thanks for sharing

  • @aakash6238
    @aakash6238 Жыл бұрын

    Mazza aa gya 🌹🔥🔥☺️

  • @zacboyles1396
    @zacboyles139611 ай бұрын

    Great video thanks

  • @TheAIEpiphany
    @TheAIEpiphany Жыл бұрын

    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

    @gurunnevada17

    Жыл бұрын

    I have this version, working well on localhost, not on versel haha.

  • @user-kd5ej7im6w
    @user-kd5ej7im6w10 ай бұрын

    nice vid!!

  • @_V__.
    @_V__.6 ай бұрын

    Awesome 🎉

  • @Spk7711
    @Spk77117 ай бұрын

    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?

  • @sagarramaswamy8368
    @sagarramaswamy8368 Жыл бұрын

    can u please do a tutorial on how to integrate openAi whisper model .

  • @hishamabbasi815
    @hishamabbasi8153 ай бұрын

    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

  • @MohammedElshorbagy
    @MohammedElshorbagy Жыл бұрын

    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

    @gurunnevada17

    Жыл бұрын

    up. Same question.

  • @MichaelLearnsToCode

    @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.

  • @AayushSkp
    @AayushSkp Жыл бұрын

    ❤❤❤

  • @sandeeplakhiwal7043
    @sandeeplakhiwal7043 Жыл бұрын

    💙

  • @LuberthDijkman
    @LuberthDijkman6 ай бұрын

    Now md to html javacript parser for chat that triple backtick code fields wil be in code

  • @Ga2-20
    @Ga2-20 Жыл бұрын

    Is it possible to read stream using axios?

  • @user-hp3kl7jp9z

    @user-hp3kl7jp9z

    11 ай бұрын

    Yes - stream.on('data', (data) => {//...)

  • @aakash6238
    @aakash6238 Жыл бұрын

    Sir, my free credit got expired 😭, now how to practice these prompts in a free way ?

  • @harischaudhry8366
    @harischaudhry836611 ай бұрын

    I am getting an error . "Cannot read property 'getReader' of undefined"

  • @sanjay261982

    @sanjay261982

    11 ай бұрын

    I am also getting this error. Were you able to resolve it? If yes, how?

  • @nicholasjankovic1040

    @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

    @muhammedsinanck7234

    8 ай бұрын

    Try to use normal fetch without importing any library in code , when i used isomorphic-fetch i got this error

  • @niil_kh

    @niil_kh

    6 ай бұрын

    i'm also stuck on same issue since 2 months, did you get ans. plz let me know

  • @SebastianLouisSG
    @SebastianLouisSGАй бұрын

    very useful thousand likes

  • @imnbsp
    @imnbsp8 күн бұрын

    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?