Web tv widget

4) How to chose between quick Webtv and Web Tv functional?


Remember that two versions of the webtv are available :

- Quick Webtv : to use if you just want to plug the webtv widget in your website, creating your own CSS stylesheet to integrate it.
- Webtv functional : a fully design Web Tv with a CSS stylesheet that you can use without changing anything : just create your own images and change it in the img directory.


5) How to create easily a webtv functional

a) If you are not a kewego customer

	Download the code sample		Create and manage your channels		Configurate your webtv		Personalize your Web Tv
	Take a look at the web tv functional and read all the documentation on this page . Notice : Web tv should be played through a webserver (localhost) to alow flash components communication.		Create an account in the kewego web portal and manage your channels in the member area. Add your favorite videos to your channels (with your own videos or not)		Get the identifier of your channels (csig) and set the desired channel in the html file (also fill channel title and description you want to display). NOTICE : Find the csig on the portal in the url when edditing a channel : .../?action=display_channel...&csig=iLyROofttfWe		Personalize your player in the kewego_webtv.js file (if using fast player), change images in the img directory and update the webtv.css file if needed. Your web tv is ready!
	Download code sample		http://www.mykewego.com

b) If you are a kewego customer :

	Download the code sample		Create and manage your channels		Configurate your webtv		Personalize your Web Tv
	Take a look at the web tv functional and read all the documentation below. Notice : Web tv should be played through a webserver (localhost) to alow flash components communication.		Manage your channels via the kewego console.		a) In kewego_webtv.js file, set your own player and skin key b) Get the identifier of your channels (csig) and set the desired channel in the html file (also fill channel title and description you want to display).		Personalize your player in the kewego_webtv.js file (if using fast player), change images in the img directory and update the webtv.css file if needed. Your web tv is ready!
	Download code sample		http://console.kewego.com

6) How to use the Quick Webtv

You can download the Quick Webtv Zip Archive on the download center page.

The archive containts the following files :

  - kewego_webtv.js : javascript library for Kewego Web TV - The js file is the same in all samples, only configuration changes
  - webtv.css : stylesheet for examples
  - webtv.html : integration example
 
* Configuration of your Kewego Web TV

To configure your Kewego Web TV you must edit the kewego_webtv.js file.
At the top of this file, a list of options can be modify :

For example :

var player_key = '<Your_player_key>';    // Your player key
var epix_skin_key = '<Your_skin_key>'; // Epix Skin Key (Epix player only)

var language_code = 'fr'            // Player language code (Channel menu i18n in a next release)

var player_type = 'fp'              // Player Type : 'fp' or 'epix'

/* If fast player : */

var picto_color = '9BDA1B';         // Color of pictogram of player / Channel menu
var border_color = '666666';        // Border color of player / Channel menu
var btn_color = '000000';           // Button color of player / Channel menu
var cbar_color = '000000';          // Control bar color of player / Channel menu

/* fast or standard player */

var player_width = '400';           // Width of the player (in pixel)
var player_height = '230';          // Height of the player (in pixel)
var channel_menu_width = '396';     // Width of the channel menu (in pixel)
var channel_menu_height = '100';    // Height of the channel menu (in pixel)


* Integration of your Kewego Web TV

To integrate your Kewego Web TV you must declare in your HTML the following elements :

  * JS include of kewego_webtv.js
  * StyleSheet include of webtv.css   
  * 4 containers like div/strong/span/etc. with specific Ids.
 
    - kewegowebtv_title
    
    Receive the current video title
    
    - kewegowebtv_player
 
    Receive the video player
    
    - kewegowebtv_description
     
    Receive the current video description
    
    - kewegowebtv_channel_menu
    
    Receive the channel menu interface

  * In body element, add the JS function start() on onload event, to start with a specific video channel (CSIG)
 
      For example : <body onload="start('iLyROoaftt3y');">

  * To create a link to a new Kewego Web TV channel, you must ue the JS start() function.
      
      For example : <a href="#" onclick="start('iLyROoaftt3O'); return false;">Interviews clients FR</a>