Demo App: Building with the Pre-Call API

// < ![CDATA[ _
// ]]>GUEST POST: WebRTC.ventures is a custom design & development agency focused on building WebRTC applications. They are part of AgilityFeat, which is one of our development partners at TokBox. Jean Lescure from their team wanted to share their experiences using our new API for detecting call quality.

DemoBack in August TokBox announced their new Pre-Call API, for testing out bandwidth conditions, and posted a repository on github with a proof of concept. At WebRTC.ventures we saw a great opportunity to build upon that project and got working on creating a demo app out of it, including a server implementation in NodeJS which is compatible with Heroku.

Read More

Introducing Pre-Call Test: Stand up to spotty network conditions

WIFI-IconAs much as WiFi and cellular network reliability has improved over the years, it’s not uncommon to find yourself in a situation where connectivity drops or is spotty at best. Somehow in our overconnected world, “offline” mode still exists. When you’re using real-time communications technology, poor service or connection quality can be particularly disruptive.

That’s why we’re excited to introduce our Pre-Call Test tool – a set of tools that will determine if an end-user’s OpenTok-powered call will be successful given their network conditions. The Pre-Call Test can be integrated into your application’s workflow so that your end-users can run the diagnostic test before they even join the session. Based on their test results, you can implement business logic that determines whether a particular user is allowed to publish a stream to the session with video, audio-only mode, and more.

Read More

Demo application: OpenTok 3D

OpenTok3dtest

The OpenTok.js SDK integrates beautifully into current HTML elements, providing a great variety of layouts and styles. But why should we stick to the traditional 2D design? Modern browsers offer us the power of 3D visualization with WebGL, a technology that has already opened up a new world of interaction and presentation of data within the browser domain.

With an objective to take advantage of the possibilities of 3D within the browser,  we created the  OpenTok 3D demo. The OpenTok 3D demo is a multi-party video application which shows how we can integrate the OpenTok.js API with WebGL technology using the three.js library. One of the objectives of this demo application is to inspire people building on top of the OpenTok.js SDK, showing them the beginning of endless possibilities on how we can present the video screens in a true 3D world.  Cameras, lights, textures, rendering effects, and more, can be leveraged to enrich the final experience.

Read More

Using Angular JS with OpenTok

AngularJSBlogIntroduction

We’re big fans of Angular JS at TokBox and we have been using it internally to build applications for quite some time. It’s a fantastic framework for building Single Page Web Applications – since all OpenTok Applications are Single Page Web Apps they work really nicely together. This post is going to be based largely on our experience writing meet.tokbox.com, our own video meeting tool we use internally. The code for meet.tokbox.com can be found at https://github.com/aullman/opentok-meet

Read More

Introducing OpenTok Starter Kits

Starter kits

At TokBox we are focused on making life easier for developers and accelerating their development time. We understand that our partners build very complex solutions, and they need our communication expertise and toolkits. Today we are excited to introduce Starter Kits for the OpenTok platform. These include sample code and design and development best practices for implementing the OpenTok platform’s server and client components. Now you can give your development a jump start, but still have the flexibility you need to to customize your implementation however you want.

Read More

WebRTC Demo Day at OpenTokRTC.com

WebRTC Demo Day! Unless you have been living under a rock, you have heard of WebRTC. A few weeks ago, Google unleashed Chrome 23 which has WebRTC and PeerConnection support. This is really exciting because everyone on chrome (and IE users with Chrome Frame plugin) can now experience the next generation of communication via live video. Today is the day to experience it. Simply go to https://OpenTokRTC.com and join a room! If you’re lucky, you might catch a few WebRTC Streams from iOS devices.

Read More

OpenTok+Filepicker =OpenTokPicker.com

Update: March 13, 2014 – Please note that this blog post references the archiving functionality in our OpenTok 1.0 platform. This feature is no longer being supported. Learn more about archiving using our OpenTok 2.0 platform.

A few weeks ago, Filepicker.io added new features that allowed users to record video directly from their webcam into their cloud storage using OpenTok’s standalone recorder. What a cool integration! I can now leave video messages for myself everyday.

That very weekend, I attended the box hackathon and met the very cool guys from Filepicker. After speaking with them, I realized that OpenTok’s archiving capabilities integrates snugly with their api, especially with the recent release of our stitching API. And just like that, OpenTok Picker is born.

Read More

Guest Post: Do-it-yourself Videos on Causes!

Update: March 13, 2014 – Please note that this blog post references the archiving functionality in our OpenTok 1.0 platform. This feature is no longer being supported. Learn more about archiving using our OpenTok 2.0 platform.

Guest Post written by Kristján Pétursson, Senior Engineer at Causes

While we were redesigning the Causes Wish last year, we very much wanted to let everyone personalize their wish with a video message. Imagine if instead of a big block of text to read, you could see your friend right there and they told you face-to-face why they care about the charity they’re supporting. If a mere picture is worth a thousand words, then 24 frames/second would surely melt the heart of even cynical Uncle Jake who never donates to anything. Sadly, no one offered a recording API that we could drop into a page. YouTube doesn’t expose it, Facebook rolled their own, and building one here would just be too much of a departure from our goals.

Read More

Simple OpenTok Publisher Widget

A few months ago I made an OpenTok JavaScript plug-in that created a simple widget that publishes and subscribes to. Essentially it creates a stripped down version of the basic html embed that allows you to customize things further however you’d like. You can try that widget live here.

This past week Pasha from PuppetSmith.com wanted to create a simple way for the admins on his site to publish a stream and have all non-admins as viewers. You could certainly build this functionality yourself with the full API, but it would be nice to have a quick solution for this common scenario.

As a result, I built in some features to the _OT.widget JavaScript plugin that will handle this scenario. Now, it will handle all publisher/subscriber logic depending on what token you pass it. You can also pass it the publishFull property that will show the publisher in full screen rather than in the corner of the window. With one publisher, this is what the widget looks like:

You can visit the GitHub repo for the plug-in here.

Here is a sample implementation in PHP that generates a token, passes it down to the widget, then initializes.

Read More

Guest post: Office Robot-Interns (a How-to Guide)

Guest Post written by Gizem Orbey, Development and Operations @Rapleaf

Last summer, now full-time Rapleafer Alex P. was but an intern with a dream. He wanted to keep working on Rapleaf projects when he returned to school in the fall. But how could he make his presence felt in the office while he was away?

By robot, of course. Alex built a prototype robot avatar using Legos, Arduino and a disassembled remote-control car. A couple of months ago, the project was advanced using the iRobot platform. An improved Version 2.0 featuring TokBox was built during Rapleaf’s quarterly hack-a-thon Hackleaf last week, when Emma and Steve from the engineering and biz ops teams joined forces with Alex to add some final touches. Here’s how they did it:

Read More