FacebookTwitter

WebRTC or a Video Conference of Your Own

By on Jan 16, 2017 in Interesting, Intermediate, JavaScript

Vlad Dmitriev

Marketing Copywriter at Cleveroad
Vitaly Kuprenko is a Marketing Copywriter at Cleveroad Mobile and Web development company. We are focused on mobile and web development for competitive and winning software.

Latest posts by Vlad Dmitriev (see all)

Firstly, let’s cover general questions concerning WebRTC. This technology allows the building of video or audio communication through the usage of web browsers. Besides, it is an open source project and currently this technology is in use among such browsers as Opera, Google Chrome, Firefox and some more. For instance, Chrome allows you the possibility to reach the webcam and microphone of a device but only for those websites having specialized a SSL certificate. In order to connect users, they need to identify each other. It can be achieved by using WebSocket technology.   How does it work? For a better understanding, let’s consider an example of a real project in web development. As a basis for the server development, we have NodeJS supplemented by the socket.io while AndularJS has become a basis for front–end development.   Chapter 1: Where can I start? The first thing you need to do during development is to check the browser’s ability to be connected to a device’s media.   setupRTC will help you check the availability of this technology support on a separate OS or browser as well as the possibility to access the media.   startCall is intended to start checking the support of this technology. After that, the initialization will be launched on the client’s side. The socket.io helps generate the ‘callRequest’ on the server.   targetId identifies which user from the database is going to get the connection request. enableSelfVideo is responsible for everything related to the broadcast. Including...

Disable Specific days jQuery UI Date Picker

By on Sep 5, 2014 in Intermediate, JavaScript, jQuery

Enmanuel Corvo

Enmanuel Corvo

Software Engineer at LiveAnswer
Enmanuel Corvo is a Software Engineer experienced in Web Applications Development. Huge fan of Wordpress and an active plug-in author who enjoys writing code and blog posts about anything related to technology. Enmanuel also helps provide cloud solutions and software integrations to enterprise and small business.
Enmanuel Corvo

Latest posts by Enmanuel Corvo (see all)

Disable Specific days jQuery UI Date Picker So I am currently working on a Calendar Plugin, and I have decided to us the very popular jQuery UI date picker for inputing anointments. jQuery UI date picker is a great tool that comes packed with tons of features. If you ever need a date picker this is definably a really good choice. The Challenge As I was working on this side project of mine, I encountered a challenge: I needed to disable specific days in jQuery UI date picker. Ideally, jQuery UI date picker will be use on my project for inputing appointments as I mentioned, and therefore it makes sense for it to only have the available days enabled. So I needed a way to disable just some specific dates in the date picker. I envisioned as passing an array with specific dates to be disabled as well as specific days (8/25/2014, 9/02/2014, etc…). This way you could disable specific dates such as national holidays and also specific days such as weekends. I was able to find some guidance on the web at StackOverflow which I used to work around this problem and create a solution. The Solution Disable Specific days jQuery UI Date Picker ?View Code JAVASCRIPT1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 /** Days to be disabled as an array */ var disabledSpecificDays = ["9-21-2014", "9-24-2014", "9-25-2014", "10-01-2014"];  ...

How to Make a Phone Call from your Computer – Getting started with Twilio Voice

By on Aug 14, 2014 in Intermediate, PHP

Enmanuel Corvo

Enmanuel Corvo

Software Engineer at LiveAnswer
Enmanuel Corvo is a Software Engineer experienced in Web Applications Development. Huge fan of Wordpress and an active plug-in author who enjoys writing code and blog posts about anything related to technology. Enmanuel also helps provide cloud solutions and software integrations to enterprise and small business.
Enmanuel Corvo

Latest posts by Enmanuel Corvo (see all)

As you might have noticed from many of my previous posts, I am a big fan of Twilio. The reason is because it is really easy to use, its very reliable, and it is also cheap. There are a ton of cool things you can do with Twilio, from Sending SMS to Receiving and Dialing calls. This simple tutorial will show you how easy it is to use Twilio to place outbound calls. Placing outbound calls using Twilio There are two ways you can dial calls with Twilio. One way is using their Rest API. The other way is using TwiML. With TwiML you don’t have to rely on the Rest API at all. You don’t need to include SDKs, you can do this in a few lines of code in a single file. The only catch to this is that you can only use this method (TwiML) with calls that are already in progress, you cannot initiate a new call leg with TwiML. As opposed to the Rest API, which allow you to initiate call legs. TwiML are meant to control the flow of a call that has already been initiated without having to make requests to the Rest API which could take long sometimes, affecting the overall efficiency of your application. Start dialing out Lets go ahead and create a directory where we will be placing the code to dial outbound calls “/twilio-voice-demo”. The next step is to include the Twilio SDK in this directory so we...

Sending SMS from PC to Mobile

By on Aug 12, 2014 in Intermediate

Enmanuel Corvo

Enmanuel Corvo

Software Engineer at LiveAnswer
Enmanuel Corvo is a Software Engineer experienced in Web Applications Development. Huge fan of Wordpress and an active plug-in author who enjoys writing code and blog posts about anything related to technology. Enmanuel also helps provide cloud solutions and software integrations to enterprise and small business.
Enmanuel Corvo

Latest posts by Enmanuel Corvo (see all)

Sending SMS from PC to Mobile is very easy. This simple tutorial will guide you thought the basic steps to start Sending SMS from your computer to a Mobile device. The first thing you will need to to find an SMS Gateway. For this tutorial I will be using Twilio, a cloud communications company based in San Francisco, California. Start Sending SMS from PC to Mobile Step 1: Sign-up for Twilio. Right of the batch you get a free number and some testing minutes. However, every time you send an SMS or place a call they will play their disclaimer saying that this is a demo account. So if you want to get rid of this message you can go ahead and purchase a number. They are pretty cheap usually 1 dollar a month, and this number you can use for many things not just sending SMS You can use this number for placing and receiving calls. For more information on how to do this check out this tutorial Making phone calls from your computer. I will also advice you to buy some credit, again it is pretty cheap, they only charge $0.01 per minutes for phone calls and $0.0075 per SMS message. Step 2: Now that you have your number and some credit in your account is when all the fun begins. For this tutorial we will be using server-side javascript to send our SMS. We will be doing this by...

Adding a CSS file to your HTML page

By on Jan 25, 2014 in Beginners, CSS, HTML, Intermediate

CSS is very useful, it allows you to style your website to your taste. It is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. There are multiple was of using CSS and adding it to an HTML page. In this short tutorial I will show you a few ways of adding CSS to your website. First things first, Create a CSS file Open your favorite text editor (if you don’t have one get one choosing a text editior) and create a new file with extension .css. Once you have the file you can start declaring your styles using ‘tags’, ‘classes’, ‘ids’ and or a combinations of all of them. What are classes, ids, and tags The class selector is used to specify a style for a group of elements. The class selector is most often used on several elements.This allows you to set a particular style for many HTML elements with the same class.The class selector uses the HTML class attribute, and is defined with a “.”In the example below, all HTML elements with class=”red-background” will have a red background: ?View Code CSS1 2 3 4 #para1{ text-align:center; color:red; } You can also declare global attributes for HTML tags such as p, div, li, ul etc. And this is done in the same format as above: ?View Code CSS1 2 3 4 p{ text-align:center; color:red; } You can also...