Mats Tage Axelsson

Text > Freelance Hub https://futuresource.futurenet.com/submit/#/c... Commission summary: Title: tut_webrtc Deadline: 27/05/2016 Total Fee: £200.00 (GBP) PO number: PFPL017972 Raised by: Neil Mohr Task summary: Title: tut_webrtc Activity: Linux Format UK 0213 Status: Approved Text: TOP BAR tutorial type Tutorial webRTC tutorial short description learn to video chat directly between browsers while sharing documents and your current web page. 17 words / 111 characters in this section TITLE Enter the name of the software/technology being used, then a colon, followed by what the reader will do in the tutorial. WebRTC: Ensure your Linux box is ready! 7 words / 40 characters STRAP Author's name followed by 15-20 words to introduce the tutorial. Chatting with friends a lot? Learn how to use webRTC to set up direct contact with friends. 17 words / 91 characters BOXOUT: OUR EXPERT ***Please supply a picture*** Name Mats Tage Axelsson 1 of 10 14/03/17 01:24 Text > Freelance Hub https://futuresource.futurenet.com/submit/#/c... Bio 25-30 words on your background, introducing yourself to the readers and letting them know why you are qualified to write this tutorial. has spent decades making his computers run Linux. The first was a laptop from IBM back when they were still making them. 25 words / 138 characters in this section BODY COPY (1300 words) ***IMPORTANT! One line of code equals 10 words of body copy. Adjust body copy count accordingly.*** Start code with ///CODE/// and end with ///END CODE///. Indents in code MUST be done with double spaces, NOT tabs! Put simply, webRTC will enable your browser to send data over the web without having to send the data through a server first, removing the “middle man”. When we talk about webRTC, we are referring to a set of APIs as listed below. MediaStream RtcPeerConnection RTCDataChannel These APIs are designed to make your browser send data directly to another browser without using plug-ins or other servers. In practice other servers will be involved for signalling but the data you want to share will be routed as peer to peer traffic, avoiding the necessity of any servers to handle your data, another win for privacy if used correctly. WebRTC does not do signalling, giving developers the opportunity to use other techniques to set up the call. That also gives us regular users a way to connect directly to each other without ever having the data pass through any service provider. For this, good old SIP can be used but it is not the most commonly used. Web sockets are a hot contender for many developments. Why webRTC? Consider Google Hangouts; all your video is going up to Google and right back down to your friend through Google servers, the only reason being that they made the connection, and they own the servers. Google realised that this is a waste of resources especially for one-on-one conversations. The other problem is that we have extra applications or plug-ins for this to work causing increased resource usage. For these reasons the webRTC project was started with the aim of making it a standard part of most browsers. At the time of writing the browsers that support this are: Chrome, Firefox and Opera. A detailed view of the current state of support for different browsers can be found at iswebrtcreadyyet.com In the Firefox browser you have the Hello utility to start a webRTC session. Simply look for the smiley face in the upper right corner of Firefox, click the icon and the browser will then make you a link to send to whomever you want to have a conversation with. When you have allowed access to your web cam and microphone you are ready to go, watch out, you are now sharing your audio and video for all to see and her, so stay decent. This nifty tool can among other things be used to share the current web page you are browsing right now. When you have shared the link, a pop-up will appear in the right lower corner showing that you are sharing the current tab, the pop-up is your control panel for the session. Here you can turn on and off both video and audio. You also have an information bar at the top of the browser screen to keep you aware that you are sharing both tab, audio and video. When you are done and want to stay private and possibly be a little bit indecent, click the white arrow on red background to close the connection. ///PIC x2 WebRTC_intro_1.png //CAPTION 2 of 10 14/03/17 01:24 Text > Freelance Hub https://futuresource.futurenet.com/submit/#/c... Using the Hello function to share your favourite web page, audio and video with friends. Your own webRTC page! The simplest way to make your own web page is to use code already available on the web and adjust a little. Many examples can be found on github. This is a bit of a cheat since you only cut and paste so to learn, make sure to play around a little with the code. I have set up a page myself to demonstrate how you can do it. This test was purely copy and paste into my own web page. The file is webRTC.html. When the page is opened you see a very simple and boring button that states “Setup New Conference”. Being the geeks we are this is actually exciting, let’s see what is on the page. The beginning of the page does not even need to be a correct html tag, though proud web developers would put it in and add css in a separate page and so on. However here we are studying the JavaScript for this page. The first three statements are