All Posts

Build a Video Interface with JavaScript and WebRTC

Build a Video Interface with JavaScript and WebRTC

WebRTC provides a modern approach to enable real time communication from all major browser without the need of any plugins or extensions. Using WebRTC and the eyeson JavaScript library you can build your own web interface without the need of managing connections or hardware devices. It also provides a powerful API to handle recordings, screen sharing, broadcasts, media into video injection, or group chats. This article provides an introduction on how to setup your own web based video client application and describes ways to enhance any video and audio call with additional features.

How to setup a video meeting platform using eyeson and ruby

How to setup a video meeting platform using eyeson and ruby

This tutorial provides a practical example of how to setup a video platform using the eyeson API service. The application uses the eyeson ruby gem, the web application framework Sinatra and hosting platform Heroku. By following the steps in the how-to you will have a website up and running, providing an entry point for a shared video meeting room. The participants can join the meeting without any registration or sign up, and will return to the application website after exiting the meeting.

Using SpeechRecognition via Browser

Using SpeechRecognition via Browser

With no doubt JavaScript has become an elementary driving force for the Internet resulting in incredibly fast development and great success for the web. A lot of new and interesting JavaScript WebAPIs have become available and many of them are supported by major browsers. In this blog post we’ll explore the Web Speech API to be used for speech recognition. Progressive enhancement Speak My Language Iterim Results, Grammar and other Options When to Use Coding Example Browser Support Conclusion Progressive enhancement The speech API is still experimental and may not be available in every user agent or at least not fully working.

How to build a screen sharing extension for Chrome

How to build a screen sharing extension for Chrome

In this post I’ll try to explain how you can build a screen sharing extension. I’ll cover the architecture of the extension and the way the individual parts communicate with each other. Our goal is to capture the entire desktop or an application window via Chrome and display it in an HTML video element. Below is a preview of the finished extension. In order to accomplish that, we need to invoke navigator.