Mountain View
Jabber SDK API Documentation

Tutorial: Create In Browser Video Window

Create In Browser Video Window

Title In this tutorial it will be covered how to create a (in-browser) video window object. Video window is created through WindowController.createVideoWindow method. In order to create a video window, HTML element that will serve as video window container must be set. This HTML element can belong to:
  • Web application's DOM Window
  • DOM window of child window (web page in child window needs to have same origin as parent)
  • DOM window of an iFrame window (web page in iFrame window needs to have same origin as parent)
There are three types of video window object that can be created, depending on their functionality:
  • Conversation video window - Renders conversation video (incoming video from conversation's remote participant).
  • Preview video window - Renders local camera feed video.
  • Screen share video window - Renders incoming screen share video.
In the snippet below it is shown how to create video window object:

        // In this example it is assumed that element with id "video-window-container" exists
        var video-container = document.getElementById("video-window-container");

        // Preview video window object will be created.
        var previewVideoWindow = cwic.WindowController.createVideoWindow("Preview", video-container);
    

Next

Previous