Chromeless KDP - Player with no components to be controlled via API only

KDP - Dynamic Player and Playlist Widget
[Hide Book Menu]

Thu, 05/21/2009 - 15:13 — Kalturian

The KDP (Kaltura Dynamic Player) is a dynamic UI player - basically this means, that the KDP UI is created and configured according to a run-time loaded xml - the uiConf. This Guide will not dive into the KDP, but will provide the reader with the steps to create a Chromeless UI KDP (holding only the video itself) - ie. a KDP with no controls (e.g play button).

KDP Chromeless samples

Both samples are available for download in the KDP Chromeless sample kit.

Integration Steps

Integration of the KDP widget in your web-site requires the following steps to be followed. Steps 1 and Step 2 may be skipped if you have already integrated your web application with another Kaltura widget.
Please make sure you review these sections as well as the related FAQ before starting your integration project. Spending a moment to read this now may save you hours during your integration project.

Step 1 - Obtain Partner Identifiers.
Step 2 - Prepare your web application environment.
Step 3 - Playback Guide.
Step 4 - Learn to use the TestMe Console.
Optional: KDP Overview.

Overview

A Chromeless KDP is useful when a player without UI is needed, so that the wrapping application (whether being HTML+JS, flash or other) will implement the UI to control the player using ExternalInterface API.

Steps to create the Chromeless KDP uiConf

Open the API Test Console (Using the TestMe Console).
Enter your partner details.
Select the session service and start action.
Enter your admin secret and select ADMIN in the type drop down.
Select the widget service and add action.
In the widget:uiConfId parameter field, enter the following value: 1000106 and click the submit button.
In the result xml to the right, you will find the result from the service. the element holds the newly created Chromeless KDP widget id.

The following example shows an addwidget service result. The id of the created widget is 876asdasd2.

<?xml version="1.0" encoding="ISO-8859-1"?>

<xml>

        <result>

                <widget>

                        <id>876asdasd2</id>

                        <partnerId>309</partnerId>

                        <rootWidgetId>grp1rmzxs8</rootWidgetId>

                        <uiConfId>1000106</uiConfId>

                        <widgetHtml>

                                <object>...</object>

                        </widgetHtml>

                        <securityType>1</securityType>

                        <uiConf>...</uiConf>

                </widget>

                .

                .

                .

</xml>

How to embed and use the Chromeless KDP

Download the KDP Chromeless sample kit
Follow the Playback Guide to learn how to embed a KDP using the created widget id
To learn how to control the KDP via JS API, follow the KDP APIs guide