Build an AI Voice app in 15 min without coding. Step by Step Tutorial. Bubble OpenAI Realtime API

Поділитися
Вставка
  • Опубліковано 29 січ 2025

КОМЕНТАРІ • 38

  • @Maskboy_3
    @Maskboy_3 Місяць тому +2

    Bro, nice work. Helped me a lot while making my project.

  • @jalengonel
    @jalengonel 3 місяці тому +3

    This is absolutely insane. I didn't think someone would have a plugin stable enough this quick.

  • @anilmee
    @anilmee 3 місяці тому +2

    This is amazing... was waiting for this... thanks for hearing the request..

  • @drewarensberg3162
    @drewarensberg3162 3 місяці тому +2

    Great video my friend! Would love to see you do a video on some cool things we could do through triggering workflows from these conversations!

    • @zubair_nocode
      @zubair_nocode  3 місяці тому

      @@drewarensberg3162 it does support tools so should be able to catch them and call workflows with it
      Exciting stuff indeed

  • @sitedev
    @sitedev 3 місяці тому +1

    Sold! I followed your video and was able to get it working in 15 minutes! Crazy. Now ... to save the conversation, pass it to a n8n workflow, process it to generate a custom dataset, upsert to a vector store and bingo ... an AI automated survey monster ... this is nuts :)

    • @sitedev
      @sitedev 3 місяці тому +1

      Ooohhh. It’s expensive (tokens).

    • @zubair_nocode
      @zubair_nocode  3 місяці тому +1

      @@sitedev glad to see you got it working
      yea it is expensive indeed. I suspect it will come down in pricing soon.
      can't imagine stringing a combination of other apis vs a single endpoint competing

  • @guillaume6761
    @guillaume6761 2 місяці тому +2

    Do you thint it would be possible to control the UI of the bubble app using this with function calling maybe changing the UI custom states? Would you be able to do a tutorial on this? I think that could change the way users can interact with an app

    • @zubair_nocode
      @zubair_nocode  2 місяці тому +2

      @@guillaume6761 I literally built something like that yesterday. Video is editing at the moment

    • @guillaume6761
      @guillaume6761 2 місяці тому +2

      @zubair_nocode excellent. Looking forward. Thanks for leading this topic!

    • @javier_avila
      @javier_avila Місяць тому

      @@zubair_nocode Will you finally release that video?

  • @Aichannel-qq5qy
    @Aichannel-qq5qy 3 місяці тому

    Fan hogay apka sir

  • @seekbeautytravel
    @seekbeautytravel 23 дні тому

    Thank you for the video, very informative and yet simple to understand! By the way does that Wiseable plugin allow to insert api key's dynamically? Like let each app user insert their own key?

    • @zubair_nocode
      @zubair_nocode  23 дні тому

      @@seekbeautytravel I don't think so. If I remember, the key is in the plugin settings itself and in the bubble editor

  • @NjenuiNixon-yo4se
    @NjenuiNixon-yo4se 3 місяці тому +2

    😮😮😮😮 OMG 😳😳😳 WOWWWW

    • @zubair_nocode
      @zubair_nocode  3 місяці тому

      Indeed. I was surprised to see it turned out to be a 12 minute video.
      I initially thought it would take 20 minutes at least

  • @backchat-ai
    @backchat-ai 2 місяці тому

    Awesome! What did you use for the waveform animation at the beginning of the video?

    • @zubair_nocode
      @zubair_nocode  2 місяці тому +1

      @@backchat-ai I think it was a Lottie file and not linked with actual audio waveform

  • @dalipkashyap2129
    @dalipkashyap2129 3 місяці тому +1

    Your organization does not have access to the Realtime API. We're in the process of rolling out to all developers.
    Getting this error please help

    • @zubair_nocode
      @zubair_nocode  3 місяці тому

      @@dalipkashyap2129 the realtime api is definitely quite new
      So it is slowly being rolled out
      Do you have credit topped up in your openAI account or not?

  • @chileanexperiment
    @chileanexperiment 3 місяці тому

    Can I do without the plug in?

  • @abhishekreignsfitness9814
    @abhishekreignsfitness9814 2 місяці тому

    Can I integrate this in flutter flow

    • @zubair_nocode
      @zubair_nocode  2 місяці тому

      @@abhishekreignsfitness9814 I don't see why not. This video covers bubble though

  • @diegosandoval7462
    @diegosandoval7462 3 місяці тому

    Great presentation, congrats! I have a question, I've followed similar tutorials that were demonstrated in version-test, which worked for me, but then I pushed to live and my browsers did not allow me to use the plugins for audio recordings. Have you faced this challenge?

    • @zubair_nocode
      @zubair_nocode  3 місяці тому

      @@diegosandoval7462
      On a paid plan and when plugins have been purchased, they work on live fine.
      Sometimes there are api keys for test vs live side.
      But we've got lots of apps with plugins on live all functioning ok

  • @guillaume6761
    @guillaume6761 3 місяці тому

    Amazing! Is using this plugin the only way? Not concerned about data going through a third party for security or confidentiality?Have you tried with the mobile bubble feature ?

    • @zubair_nocode
      @zubair_nocode  3 місяці тому

      I'm afraid the realtime api uses web sockets
      Can't do this in bubble directly.
      Even if we use a custom plugin built purely in bubble, that plugin will leak the api key to the public
      So 3rd party streaming server is the way to go.
      Totally understand the concerns for security/confidentiality and don't really have an answer for it atm. I wish it was easy to have a lambda script with steps so I could host my own 3rd party streaming server without worry.
      but I suspect this stuff is complicated..

    • @guillaume6761
      @guillaume6761 3 місяці тому

      @@zubair_nocode that makes sense and the plugin creator seems legit :). Have you tried this plugin and real time voice chat with a mobile app? Thanks again!

  • @sunny-g3i4o
    @sunny-g3i4o 3 місяці тому

    awesome video but cost is too high, its 30 cents per min , is there any way to pass assistant(with prompt) train on custom data in real time api?

    • @zubair_nocode
      @zubair_nocode  3 місяці тому +1

      @@sunny-g3i4o yes the cost is high
      I'm sure it will come down in time.
      And at the moment I only see being able to pass the prompt.
      But there is function calling. So in due time it will get easier to connect it to a vector store.
      Atm, using function calling it'll be possible but quite hard

    • @sunny-g3i4o
      @sunny-g3i4o 3 місяці тому

      @@zubair_nocode thanks for reply :)

    • @sunny-g3i4o
      @sunny-g3i4o 3 місяці тому +1

      @@zubair_nocode could you please make advanced version of this video where we can get answer from our custom data?

  • @TLCMEDIA1
    @TLCMEDIA1 3 місяці тому

    Amazing, how much did that cost you? I think it’s something that we need to talk about too

    • @zubair_nocode
      @zubair_nocode  3 місяці тому

      @@TLCMEDIA1 the cost of the tokens while talking for a minute?
      That is a bit high. I don't have exact numbers otoh
      If you'd like us to build something for you, sure.
      Get in touch using the link in the description