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.

0 Comments Read More

The OpenTok Platform Collaborative Editor

Screen Shot 2014-09-16 at 6.01.54 AMWe always want to share as much as possible with our community so today we’re sharing a description of how we developed the opentok-editor collaborative editor using ot.js and CodeMirror. You can see the editor in action at meet.tokbox.com and you can see how to use it for yourself at the opentok-editor github page. We love to see people using our open source projects so please feel free to file issues and contribute pull-requests to this project on Github.

2 Comments Read More

Layout Container – Auto resizing video elements in a container

layoutcontainerWhen building OpenTok apps, there might be cases where you would like the videos inside a container to automagically resize to take up the largest resolution possible within the boundaries of their container. With layout container, an open sourced library available on github, you can do exactly that.

Want to see a live app that uses this layout container? Check out OpenTokRTC! Try typing “/focus” and “/unfocus” in the chat box to see additional functionalities of layout container.

15 Comments Read More

Getting started demo apps

If you have read through our getting started tutorial and know how to create sessions and tokens, you are good to go!

To get you started, we have a few simple and working video chat sample apps to get you started:

For more complicated features and functionalities, check out these demo apps:

3 Comments Read More

Getting Started with OpenTok: Creating sessions and Tokens

If you have read our Getting Started With OpenTok: From 0 to group video chat, you will see why we need to create sessions and their corresponding tokens.

Since creating sessions and generating its corresponding tokens involves your developer api key and secret, they should always be executed in your server to prevent your credentials from being exposed.

In short, sessions are like rooms. People connected to the same session Id will be able to publish and subscribe to each other’s video stream. Session Ids exist forever, so it’s safe to store them in the database.

0 Comments Read More