Using browser web technology to make phone calls: a step-by-step guide (mod_cti is based on FreeSWITCH)

Table of Contents

Using browser web technology to make phone calls: a step-by-step guide (mod_cti is based on FreeSWITCH)

introduce

Preface

introduce

(1) Introduction to SSL certificate

2. Specific operation steps

Summarize

Using browser web technology to implement phone calls: a step-by-step guide (mod_cti is based on FreeSWITCH)

Introduction

#Take Dingdingtong call center middleware as an example#

In this digital age, our lives have been surrounded by various applications and online services. We communicate and interact via email, social media, online shopping, etc. However, there is one way that, despite being around for a while, is still overlooked by many, and that is making calls via the browser web. This method is not only convenient and fast, but also breaks the traditional communication model and opens up unlimited possibilities for connections.

First, let’s understand what browser web calling is. Simply put, it is a technology that dials a phone number directly through your internet browser. Users only need to enter a phone number into the browser and click a button to initiate a phone call. This method does not require any special software or hardware, just a device with Internet access, such as a computer, mobile phone or tablet.

So why do we use the browser Web to make phone calls? There are several reasons for this.

First of all, it is very convenient to make calls through the browser Web. No matter where you are, as long as you have an Internet connection, you can make calls anytime and anywhere. You don’t need to download any apps or remember any complicated dialing rules. Simply open a browser, enter a phone number, and click a button to initiate a phone call.

Secondly, making calls through the browser Web is very safe. All call data will be transmitted through an encrypted connection, ensuring the security of your call content. Plus, since all calls are made through the browser, you don’t need to worry about your device getting infected by viruses or malware.

Finally, browser web calling is very flexible. You can use it to make any type of call including landline, mobile and international calls. You can also use it to initiate video conferences or voice conferences to communicate with remote colleagues or customers in real time.

However, despite the many advantages of browser-based web calling, it also has some limitations. For example, some older browsers may not support this technology or may experience delays or dropped calls when making calls. Additionally, since all calls are made over the Internet, if your connection is unstable, it may affect the quality of the call.

Overall, browser Web calling is a very valuable technology. It can not only help us make calls more conveniently and securely, but also break the traditional communication model and create unlimited connection possibilities. Therefore, whether you are an individual user or a business user, you should try to use this technology and experience the convenience and fun it brings.

Foreword

How to register a sip account on the web browser without having to install additional sip softphone software and a physical phone, making it easier to integrate phone calls into systems such as CRM.

However, you need to obtain an SSL certificate before registering a SIP account on the web. This SSL certificate needs to be purchased. SSL certificate is a very important security tool that can help protect the data security of the website and prevent it from being attacked or stolen by hackers.

Introduction

(1), SSL certificate introduction

An SSL certificate is a type of digital certificate, similar to electronic copies of driver’s licenses, passports, and business licenses. Because it is configured on the server, it is also called an SSL server certificate.

The SSL certificate [1] complies with the SSL protocol and is issued by a trusted digital certificate authority CA after verifying the server’s identity. It has server identity verification and data transmission encryption functions.

The SSL certificate establishes an SSL secure channel between the client browser and the Web server (Secure socket layer (SSL) security protocol is designed and developed by Netscape Communication Company. This security protocol is mainly used to provide authentication of users and servers; for The transmitted data is encrypted and hidden; ensuring that the data is not changed during transmission, that is, data integrity, has now become a global standard in this field. Since SSL technology has been built into all major browsers and WEB server programs , therefore, you only need to install the server certificate to activate this function), that is, you can activate the SSL protocol through it, realize the encrypted transmission of data information between the client and the server, prevent the leakage of data information, and ensure that both parties transmit information security, and the user can verify whether the website he visits is authentic and reliable through the server certificate. Digital signature, also known as digital identification or signature (i.e. Digital Certificate, Digital ID), provides a method of identity verification online. It is a digital information file used to mark and prove the identity of both parties in network communications. The concept is similar to that in daily life. Driver’s license or ID card. Digital signatures are mainly used for secure online electronic transaction activities such as sending secure emails, accessing secure sites, online bidding and tendering, online signing, online ordering, secure transmission of online official documents, online office work, online payment, online tax payment, and online shopping.

Two, specific operation steps

1. Purchase an SSL certificate, and then put the three files “domain name_public.crt, domain name.key, and domain name_chain.crt” in the purchased SSL certificate file into the wss.pem file. Remember: There are format requirements for putting it into the wss.pen file. The format is as follows:

-–BEGIN CERTIFICATE-–
-–END CERTIFICATE-–

-–BEGIN RSA PRIVATE KEY––
-–END RSA PRIVATE KEY-–

-–BEGIN CERTIFICATE-–
-–END CERTIFICATE-–

Upload the wss.pen file to the virtual machine, and then decode the file. The decoding command is: openssl x509 -in wss.pem -noout -text, and finally move it to the directory where the certificate is stored in freeswitch. If you don’t know where the directory where freeswitch stores certificates is, you can enter the “global_getvar certs_dir” command in the freeswitch console to get the directory, or you can
You can also obtain it by entering the “fs_cli -x “global_getvar certs_dir”” command in the ssh terminal.

freeswitch@MiWiFi-R3D-srv> global_getvar certs_dir
/ddt/fs/certs
[root@localhost ~]# fs_cli -x "global_getvar certs_dir"
/ddt/fs/certs

Both commands can get the directory where freeswitch stores certificates – “/ddt/fs/certs”.

  • Set the IP and port used by webrtc

Configure the SIP and port that webrtc monitors. CCAdmin->SIP->internal->wss-binding is set to: 7443 (colon required) to monitor all ports of the local machine. You can also use 0.0.0.0:7443 to monitor the 7443 port of all IPv4 IPs. , you can also specify a single local IP such as 192.168.31.100:7443, or you can specify other ports. The following test example uses port 7564. It is recommended not to use port 7443. Many customers will have unstable connections using port 7443. It is recommended to use other ports instead.

  • After modification, you need to restart the sofia module to take effect.

4. Create an account for use on the web page

Execute the fs console command reload mod_sofia, you can also execute the ssh terminal fs_cli -x "reload mod_sofia", or click restart in the CCAdmin operation and maintenance debugging interface SIP.

Check whether the modification takes effect

Execute the fs console command sofia status profile internal, or you can execute the ssh terminal fs_cli -x "sofia status profile internal", or behind the CCAdmin operation and maintenance debugging interface SIP->internal Click info(…) and see information similar to WSS-BIND-URL sips:[email protected]:7564;transport=wss, which means the port binding is successful. If you use a cloud server or enable a firewall, you also need to open the wss port (note that it is a TCP port).

Do this first and then register

sipML5 – The world’s first open source HTML5 SIP client. Register as follows:

After entering, fill it out like this and return to this position.

Return to the Home page and click the “LogIn” button. A “Connected” prompt will appear on the page, indicating that it has been added successfully. Then go back to CCAdmin -> Operation and Maintenance Debugging. If there is information about the account registered on the web side of the page, it means that the account on the web side of the page has been registered successfully.

After setting up the second interface, click Save, then return to the first interface and click Login. If the login is successful, congratulations. The previous configurations are correct. Just make a call to test.

You can dial echo to perform an echo test (enable playback test in the routing), enter the echo number, click Call->Audio, and a pop-up will appear whether the use of the headset is allowed. You must check to remember this decision. If you hear yourself speaking, it’s configured.

Summary

Using the SIP softphone on the web side saves you the trouble of installing SIP softphone software and physical telephones, and the operations of Dingdingtong call center middleware are not too complicated, and it also brings certain convenience to users. The most annoying thing for users is the complexity of the page and overwhelming advertisements. The web-side SIP softphone of Dingdingtong call center middleware obviously does not have complicated pages and advertisements, and the operation is not very complicated. For me, it’s still acceptable.
For more information, please refer to this document

Dingdingtong call center middleware (mod_cti is based on FreeSWITCH)-webrtc (browser makes calls directly) | Dingdingtong-call center secondary development interface, smartivr, mod_vad, FreeSWITCH, speech recognition, call center middleware, phone robot, Empty number detection, intelligent outbound calling.

qq email: [email protected]