Voice Call with browser using javascript, PHP and Twillio API

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 164

  • @AlexBoscan
    @AlexBoscan 4 роки тому +11

    This video saved my day, i search for it 7 mounths, and you just did it, thanks very much. I own you one.

    • @jpcountry7313
      @jpcountry7313 4 роки тому

      DO you know if hostinger is being used as a host or a server and how do I make the 3 files populate in the Twilio file?

  • @MahavirHalvadiya
    @MahavirHalvadiya Рік тому

    i search for it 1 week, and you just did it, This video saved my day, thanks very much

    • @williamschinex8080
      @williamschinex8080 8 місяців тому

      How did you get all the files, and can you send it to me ?

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

    Mejor explicado que los mismos de TWILIO. Muchas gracias

  • @stephendanielrobertson5613
    @stephendanielrobertson5613 3 роки тому +1

    I find interfacing with twillio so difficult but this makes it so easy, thanks so much :-)

  • @SulochanaTutorials
    @SulochanaTutorials  4 роки тому +1

    This PDF book may help you imm.mediamesis.net/wp-content/uploads/sites/4/2015/03/twilio_cookbook.pdf

  • @jhaus22
    @jhaus22 3 роки тому +1

    Thanks so much for this!!! I have been looking for a decent tutorial for so long.

  • @rakeshpaul4794
    @rakeshpaul4794 2 роки тому

    WOW! You are the best. I was trying since morning and now this cracked it. Thanks!

  • @AlexBoscan
    @AlexBoscan 4 роки тому +2

    it's working like a miracle

  • @yogawahyudi4138
    @yogawahyudi4138 4 роки тому +2

    That's crazy, I Saw your vidios PHP dekstop that amazing to, I'm waiting the next video PHP even laravel for android, I hope you can do it.
    Regerds from Indonesian

  • @BhavinDhayani
    @BhavinDhayani 3 роки тому +1

    Any suggestion to buy a domain and hosting at cheapest rates for a month to test my concept or idea?

  • @wajidshafi1818
    @wajidshafi1818 4 роки тому +1

    Thanks for the video, Just want to know when we have a call in progress , can we dial digits from the code for example to navigate through an IVR? Your comment will be highly appreciated

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому +1

      Yes you can, As we have implemented this in JavaScript we can do anything in parallel. Just you have to code in such way

  • @sachinkumar-cl2cw
    @sachinkumar-cl2cw Рік тому

    Thank you so much Dear for making this video , just know about how can i add call duration ?

    • @SulochanaTutorials
      @SulochanaTutorials  Рік тому

      You can take help of JavaScript and modify bootstrap js code.

    • @sachinkumar-cl2cw
      @sachinkumar-cl2cw Рік тому

      @@SulochanaTutorials How can i show call like Ringing or Call connected ?

  • @ThasniCP-r6k
    @ThasniCP-r6k Рік тому

    Could you please tell me how to respond incoming calls from the browser, in this video you create outgoing call using the quickstart, for responding incoming calls, what we do, how we connect to get that UI, please find me a solution for that

  • @elderwoodstudio
    @elderwoodstudio Рік тому

    Great video! How are incoming calls handled here? Or how can I? Looking to paid for help. Thank you very much

  • @shoaibshafqat7369
    @shoaibshafqat7369 3 роки тому

    video saved my day. excellent

  • @wiszkyhow
    @wiszkyhow 2 роки тому

    can it receive call too?

  • @BhavinDhayani
    @BhavinDhayani 3 роки тому +1

    Do we require web hosting service here or just buying a simple domain will work fine?

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому +1

      You need web hosting

    • @BhavinDhayani
      @BhavinDhayani 3 роки тому +1

      @@SulochanaTutorials just buying a domain won't work? I want to start using Twilio number as soon as possible

    • @BhavinDhayani
      @BhavinDhayani 3 роки тому +1

      @@SulochanaTutorials any other cheap way to get domain + we hosting?

  • @ANASANSARI-e1q
    @ANASANSARI-e1q Рік тому

    My token is connected but i can't see the form to dial the number or anything ?

  • @harshalchougule6973
    @harshalchougule6973 3 роки тому

    How much does calling + video + sms costs for matrimony website and app

  • @anggraeni7503
    @anggraeni7503 Рік тому

    THANKYOUUUU!!! This saved my time!

  • @nowshadkhan319
    @nowshadkhan319 3 роки тому

    @ Sulochana Tutorials thanks alot that video help me alot. but i have one doubt can we dialed other numbers or else only dialed with verified number. please help me this

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому

      If your account is in trial period then u can only call to verified number. If you buy credits then u can call to any numbers

  • @amritraj1913
    @amritraj1913 2 роки тому

    thanks for this amazing tutorial, I want to know how do I receive calls and how I secure the app, because anyone can access via url, any help would be appreciated 😊

  • @terrycheng260
    @terrycheng260 4 роки тому +1

    Thanks for your work. In fact you mentioned just use the “public” folder but how come there is a “vendor” folder before you zip them?

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      Actually I have installed Twillio PHP API but I didn't used that in this video. This code fully functional without vendor folder. Great observation.

    • @alleefattah8045
      @alleefattah8045 4 роки тому

      You need to put the vendor folder I use it

  • @berbatsuleiman
    @berbatsuleiman Рік тому

    are we able to reach the voice of opposite side by this method ??

  • @carlmartin7683
    @carlmartin7683 2 роки тому

    this is an awesome video. Is there a way to add a dial pad to this.

  • @arb6343
    @arb6343 Рік тому

    HI, Please let me know how I can do call transfer, just share the XML for this please , I tried all XML from the documentation but not found any solution yet .

  • @hasithaeranga5589
    @hasithaeranga5589 2 роки тому

    Hi,your video is very helpul,can we do this in a windows forms app using twillio nuget package?

  • @hafsahussein2016
    @hafsahussein2016 3 роки тому

    I want to make a website where clients can make phone calls for free by watching the ads any Idea or any technologies should I use?

  • @Dog1iscool-l6k
    @Dog1iscool-l6k 3 роки тому

    Why is it keep telling me "Could not get a token from server!" What did I do wrong it says above it "Got a token." Please help

  • @EpicEntertainment_Hub
    @EpicEntertainment_Hub 9 місяців тому

    very helpful video Great 👍

  • @jllmnchr5353
    @jllmnchr5353 3 роки тому +2

    I have followed the example, but when I write the phone number (verified) in the box and hit the button, the answering machine rings; but the call does not ring at the destination phone. Should I change the code in the request.php? Thank you and congratulations on your dedication.

    • @jllmnchr5353
      @jllmnchr5353 3 роки тому +1

      Problem solved. Error code '13227' is related with GEO issues with my country

    • @shahveerjutt1178
      @shahveerjutt1178 3 роки тому

      @@jllmnchr5353 Hey Im getting the same problem. Could you please help me to solve this issue?

  • @ahmedbashir4889
    @ahmedbashir4889 5 місяців тому

    i am try to call but all the time its say application error occured
    please let me know how i can correct the error

  • @MrSrkuna
    @MrSrkuna 3 роки тому

    Could not get a token from server!?

  • @nanigubbala6244
    @nanigubbala6244 3 роки тому +1

    I need to make call from my xamarin app to phone number with real time voice communication between my app and dialed number is this possible using twilio.

    • @nanigubbala6244
      @nanigubbala6244 3 роки тому

      I am done using web application and open its in my web view and make a call to my phone number

  • @cgoody3170
    @cgoody3170 2 роки тому

    I wish twilio sample code and libs didnt have dependencies on Laravel, JQuery and the like.

  • @smitapatil246
    @smitapatil246 3 роки тому

    Very useful video. But I called to another IVR system from broswer, they say press 1, press 2.. How to implement this?

  • @developmenttrysolution9269
    @developmenttrysolution9269 4 роки тому

    Plz do a proper video for inbound call... cause i cant active Twilio.Device.incoming(function (conn) with call answer button properly... and cant understand inside twilio settings..

  • @arb6343
    @arb6343 Рік тому

    Hi Can you please help me for call forwarding.

  • @abhishek.burkule
    @abhishek.burkule 3 роки тому

    I am unable to purchase Indian no. Why ?

  • @vijaykumar-mr6gd
    @vijaykumar-mr6gd Рік тому

    How can i receive calls

  • @parthshah1284
    @parthshah1284 4 роки тому

    Is it possible to use & with js call?

  • @kahnu044
    @kahnu044 Рік тому

    Thanks a lot man

  • @Adithp
    @Adithp 3 роки тому

    Got a token see but not see ckinent number type space

  • @yogeshjadhav5468
    @yogeshjadhav5468 3 роки тому

    Can't we talk directly with someone using twilio API? or its just a scripted voice?

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому

      We can directly call with anybody using voice call using twillio API. It's full featured voice call ani which provides all calling services like call recording, conference call, call forward and also IVR

    • @yogeshjadhav5468
      @yogeshjadhav5468 3 роки тому

      @@SulochanaTutorials Thank you for your response

  • @guidomgs1
    @guidomgs1 4 роки тому

    Excellent tutorial! Worked very good. Do you know how can I get calls on web client?

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      Please read comment I have given link of PDF which will help you

    • @belhadjasma4770
      @belhadjasma4770 4 роки тому

      please can you help me to et call in browser !!! thx

  • @Dog1iscool-l6k
    @Dog1iscool-l6k 3 роки тому

    Nvm now it's says applation error when I call

  • @waseemmehmood5601
    @waseemmehmood5601 4 роки тому +1

    Can someone also help me how can we recieve incoming call? With same method, in browser

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      You have to configure incoming call response. To do such go to twilio console click on number and configure incoming call webhook. You can pass their link where you will give XML response to dial call to CLIENT. Know more here www.twilio.com/docs/voice/twiml/client

  • @sachinkumar-cl2cw
    @sachinkumar-cl2cw Рік тому

    can anybody tell me how can i show like call ringing or connect

  • @jpcountry7313
    @jpcountry7313 4 роки тому

    This WAS a Great video until it got to the point about a token .... then you went to a site with no visible name that has an account previously created and hit 2 buttons which I had to slow down to a crawl to see. and went to the file that now has 3 files that I'm not sure where they came from and how to create If you have a deeper explanation on how to obtain these file and how to make them appear in my Twilio file that would be great thanks for all your help

  • @md.fahimhossain7888
    @md.fahimhossain7888 4 роки тому

    I have done the same thing without vendor folder. But every time when i make a call it says An Application error has occured. Help please.

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      New updates In twillio call Change name of param variable of "To" to any other in JavaScript file. Like var
      param={
      call_to:+9187654321,
      call_from:+916354902
      }
      Also you have to change these values in php response file here responses.php. I also faced same issue and I solved it by doing this changes. Also you can check twillio debugger for specific error. Login to twillio and search for debugger in console

  • @shoaibnusrat9817
    @shoaibnusrat9817 4 роки тому

    Thanks a lot brother , this helped me alot. But there is one problem, call is being automatically ended before ringing on my cell phone, I am calling on a verified number, please solve this issue, I am searched it everywhere but cant find the problem

    • @shoaibnusrat9817
      @shoaibnusrat9817 4 роки тому

      I have to submit this project today, please help me

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому +1

      Goto twillio.com and check debugger option. You will get actual error there.

    • @shoaibnusrat9817
      @shoaibnusrat9817 4 роки тому +1

      @@SulochanaTutorials It was caller id error i have resolved it now it is working absolutely fin thanks brother

  • @buildingbrokers7761
    @buildingbrokers7761 4 роки тому

    Thank You for your help

  • @hamiiahmed
    @hamiiahmed 3 роки тому

    greate yr. Thanks alot.

  • @webpro9083
    @webpro9083 4 роки тому

    God bless you bro

    • @jpcountry7313
      @jpcountry7313 4 роки тому

      Can you help me understand the hostlinger portion of this video

  • @misaelmootun8296
    @misaelmootun8296 3 роки тому

    Me ayudó mucho, gracias.

  • @saurabhkanaujiya6429
    @saurabhkanaujiya6429 4 роки тому

    Hey can you please tell me about video calling features for website 🙏

  • @sandipkhatrani3567
    @sandipkhatrani3567 4 роки тому

    How can record call ?
    for record a call what kind of parameter and where it is set in quickstart.js file

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      At response.php add attribute of for record true for dial. something like this. Search for proper record response at twillio. Twillio will keep recording saved for u. If you want to send recording via. Email u can use twillio recording call back URL where u will get recording details. After call terminated.

  • @san1ty270
    @san1ty270 4 роки тому

    hello i tried all step by step but the capability token is not picking up can you help

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      Please paste capability token URL in browser address bar and hit go and look what response you are getiing. If you seen capability token there. Then It's may be JS not working. If not see capability token then check your Twiml app configuration. Twiml APP environment variables may wrongs.

  • @amar_coding
    @amar_coding 3 роки тому

    from where did you get the vendor folder?

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому

      I have installed twillio PHP library but we don't used it.

    • @amar_coding
      @amar_coding 3 роки тому

      @@SulochanaTutorials my token is connected but i can't see the form to dial the number or anything. is it because i didn't upload vendor file or anything else?

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому

      @@amar_coding There is no need of vendor folder

  • @jllmnchr5353
    @jllmnchr5353 3 роки тому

    I want to ask you how you can make the example work on an intranet (not on the internet). That is, if there is any alternative to publicly exposing the request.php

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому

      You can use ngrok

    • @jllmnchr5353
      @jllmnchr5353 3 роки тому

      @@SulochanaTutorials (I dont know if my company would “accept” ngrok) Thanks!

  • @TheFlyre
    @TheFlyre 4 роки тому

    can i Redirect webite into a phone call?

  • @webpro9083
    @webpro9083 4 роки тому

    Hi call is being automatically ended before it ring on the other side

  • @developmenttrysolution9269
    @developmenttrysolution9269 4 роки тому

    How can use multi number on this system... (I want to call from 3 or 4 numbers to my client)?

  • @minhazmamun787
    @minhazmamun787 4 роки тому

    Got a Token, but Twilio.Device not ready. why?

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      Please check console for any errors. Try using another browser. As I never got this, I can suggest only this.

    • @minhazmamun787
      @minhazmamun787 4 роки тому

      @@SulochanaTutorials Thanks for reply.. now working from xampp localhost perfectly.. but In hosting panel/Cpanel its not working.. N.B: xampp v.5.6 & capnel php v. 7.3

  • @swapnilpatil9607
    @swapnilpatil9607 3 роки тому

    Hello, I want to fetch my all call log detail from twilio account , how to do that , can you help me?

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому +2

      Use twilio call logs API

    • @swapnilpatil9607
      @swapnilpatil9607 3 роки тому

      @@SulochanaTutorials yes i have fetch but recording is not there?

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому

      @@swapnilpatil9607 Sorry for late You have add recording true in Call response while initiate call

    • @swapnilpatil9607
      @swapnilpatil9607 3 роки тому

      Ye in my twilio account I will check call logs it's record available but in my api I fetch call logs that time I want to play recording in my web app? How to do

    • @SulochanaTutorials
      @SulochanaTutorials  3 роки тому +1

      @@swapnilpatil9607 Reference recording API you will get recording URL which will returns you MP3 file. Remember that twilio will charge you for recording storage

  • @belhadjasma4770
    @belhadjasma4770 4 роки тому

    thx for the video, i want to add the function of receiving call , can you help me please !!!! thank you

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому +1

      You have to configure incoming call response. To do such go to twilio console click on number and configure incoming call webhook. You can pass their link where you will give XML response to dial call to CLIENT. Know more here www.twilio.com/docs/voice/twiml/client

    • @belhadjasma4770
      @belhadjasma4770 4 роки тому

      @@SulochanaTutorials thx for your response but the problem that my browser not ringing i made the call from mobile with no problem but i don't receive call in browse to accept

  • @tfktoufik9724
    @tfktoufik9724 2 роки тому

    how you get vendor folder

    • @SulochanaTutorials
      @SulochanaTutorials  2 роки тому +1

      I have installed twillio library, but it's not required for this tutorial

    • @tfktoufik9724
      @tfktoufik9724 2 роки тому

      @@SulochanaTutorials i have this problem: twilio.js wasn't able to find WebRTC browser support.
      I installed SSL certificate in windows following this tutorial ua-cam.com/video/wsSs709216I/v-deo.html and I run my link with https and I have this error : This site can’t provide a secure connection

    • @tfktoufik9724
      @tfktoufik9724 2 роки тому

      I change to hostinger and the problem has been resolved.
      thanks

  • @elderwoodstudio
    @elderwoodstudio Рік тому

    Hello Sulochana Tutorials. I've made some great progress with your video as intro. I need to adjust to handle incoming calls and recording feature for a US client. Would you like to help please? I can paid for it. Thx

    • @SulochanaTutorials
      @SulochanaTutorials  Рік тому

      Please refer this doc for recording Call support.twilio.com/hc/en-us/articles/223132867-Recording-a-Phone-Call-with-Twilio#dial_record

    • @elderwoodstudio
      @elderwoodstudio Рік тому

      @@SulochanaTutorials thank you very much for the recording feature link. About incoming, Im seeing that there is some code inside quickstart.js regarding incoming calls, but not sure if I’m missing something because I can’t make it work? Thanks again

  • @asmamohamed7436
    @asmamohamed7436 4 роки тому

    > Could not get a token from server! plasse help my

  • @jllmnchr5353
    @jllmnchr5353 3 роки тому

    Hi again, I want to ask you if it is possible to replace the request.php with a Rest WebService that returns the same TwiML as the request.php. And point to it in the field REQUEST URL of the Twilio Console. Thanks!

  • @developmenttrysolution9269
    @developmenttrysolution9269 4 роки тому

    Twilio.Device.incoming(function(conn) {
    log('Incoming connection from ' + conn.parameters.From);
    document.getElementById('button-call').style.display = 'none';
    document.getElementById('button-answer').style.display = 'inline';
    // accept the incoming connection and start two-way audio
    conn.accept();
    });

    • @developmenttrysolution9269
      @developmenttrysolution9269 4 роки тому

      can't active on incoming call... any settings in twilio console?

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      You have to configure incoming call response. To do such go to twilio console click on number and configure incoming call webhook. You can pass their link where you will give XML response to dial call to CLIENT. Know more here www.twilio.com/docs/voice/twiml/client

    • @developmenttrysolution9269
      @developmenttrysolution9269 4 роки тому

      @@SulochanaTutorials I gave following response..but not working..plz help.. :(

    • @developmenttrysolution9269
      @developmenttrysolution9269 4 роки тому +1

      ITS DONE....... :)

      Client_name

    • @mdashiqurrahman9041
      @mdashiqurrahman9041 4 роки тому

      @@developmenttrysolution9269 Can you please share the source code for receiving incoming calls?

  • @rogerlima4001
    @rogerlima4001 4 роки тому

    can you configure this on wordpress

  • @jaysinghkushwaha4461
    @jaysinghkushwaha4461 4 роки тому

    TwilioException {message: "twilio.js wasn't able to find WebRTC browser suppo…oad this page over https and try again."}
    message: "twilio.js wasn't able to find WebRTC browser support. This is most likely because this page is served over http

  • @entwinedmedia9619
    @entwinedmedia9619 4 роки тому

    its calling but not calling to my phone

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      Note that you can only call to verified no. In trial. Don't forget to use country code. Try to use HTTPS.

  • @shoaibnusrat9817
    @shoaibnusrat9817 4 роки тому

    Thank You for this amazing tutorial, you made my work quite easy, but please can you help me in making the call automated. I mean my requirement is *voice of the caller must come from an audio file* please help me

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому +1

      Hello Shoaib, I think this link will help you. www.twilio.com/docs/voice/twiml/play .Use Play tag inside response.

    • @shoaibnusrat9817
      @shoaibnusrat9817 4 роки тому

      @@SulochanaTutorials thanks a lot

  • @jpcountry7313
    @jpcountry7313 4 роки тому

    I am currently stuck at 4:16 can someone help me get past

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      Are u talking about vendor folder? I have mistakenly added this there is no need of vendor folder for rest of project. Download project code from description and replace link capability URL in JavaScript file.

  • @jaysinghkushwaha4461
    @jaysinghkushwaha4461 4 роки тому

    please sir help me
    TwilioException {message: "twilio.js wasn't able to find WebRTC browser suppo…oad this page over https and try again."}
    message: "twilio.js wasn't able to find WebRTC browser support. This is most likely because this page is served over http

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      Please install SSL certificate and reload page with HTTPS

    • @jaysinghkushwaha4461
      @jaysinghkushwaha4461 4 роки тому

      @@SulochanaTutorials
      call not working womenshanger.com/calling/

    • @SulochanaTutorials
      @SulochanaTutorials  4 роки тому

      @@jaysinghkushwaha4461 I have checked it call is ringing, Please use country code +91 before number and also login to twilio and search for Debugger to Get actual error

  • @GeospatialTechnologies
    @GeospatialTechnologies 3 роки тому

    That is amazing! Could you explain the trick of talking statue call,
    please? I know how can link the Go page with a QR code, but I want to
    know the idea of the incoming call in talking statue technology. do you
    have any idea?

  • @vijaykumar-mr6gd
    @vijaykumar-mr6gd Рік тому

    HI

  • @eztli
    @eztli 2 роки тому

    this is hell

  • @andersq.3243
    @andersq.3243 8 місяців тому

    Very terrible video. What is the vendor folder? I can not succeed if follow the steps! It sounds great, but it just wasting time!

    • @SulochanaTutorials
      @SulochanaTutorials  7 місяців тому

      Please ignore vendor folder, You can check if any documetation change. Please ensure that your code must be uploaded on website.

    • @andersq.3243
      @andersq.3243 7 місяців тому

      @@SulochanaTutorials Sorry for what I said. It sound very nice in video, but it does not work. I ignored vendor folder. I tried and tried many times....It shows no term TO in php, and little wrong error in javascript which is not wrong.