1) Upload modules/webshow and uploads/webshow from the archive.
2) Use the Admin panel to install module as usual.
3) Install the Tags Module by phppp to engage WebShow's Tag functions.

XOOPS 2.0 Install

1) Upload the Frameworks folder to xoops root directory
2) Optional: Upload xoopseditors to xoops/class directory to use HTML editors in webshow.
3) Optional: Install Tag module by phppp to use tags in webshow.
4) Upload modules/webshow and uploads/webshow from this archive.
4) Use the Admin panel to install module as usual.

Xoops 2.2.* Users

XOOPS 2.2.4 users will need to upload class/xoopsform/formcolorpicker.php to their XOOPS class directory.  Also upload class/xoopsformloader.php or modify the existing class/xoopsformloader.php with
include_once XOOPS_ROOT_PATH."/class/xoopsform/formcolorpicker.php"

Upgrade

Instructions for upgrading from previous versions are in the archive.

Upload the archive, overwriting all files.
Go to system - module admin and update the module as usual.

Getting Started

Configure the WebShow module preferences, set up a category and then add a media entry.

Module Preferences:

Category:

The directory has multi-tiered categories with images and short text descriptions.
Click on the category tab and select add new or modify a category.

Edit category title, image, description and set the subcategory status.

Media Administration:

Media Manager

The media manager displays an id number, title link, modify and delete buttons for all entries.

Media Editor

Use this form to add, modify and delete the media entry. Required fields are source, type, location, title and short description.

Category:   If the category is left blank the media will still be entered in the data base and accessible using embed code.  It will not appear in the module's catalog.
Player:   Select a player that best suits your media type, size and location on the web page.

Media Flash Variables

The media entry Flash variable default settings for will work in most situations.  See WebShow Flash Variables.

Player Administration

Player Manager

The Player Manager shows the player id and name with modify, clone and delete buttons.

 Player Editor

The Player Editor is used to create custom player themes.  Existing players can be cloned and modified to create new players with similar characteristics.  There are several parameters available for adjusting a player's appearance and behavior. 

Do not delete Default Player Id #1.  It is used when no other player is specified.  Also, the module page view inherits its color style from the default player. Feel free to modify its name and preferences, just don't delete it..  If player id 1 is deleted the module will recreate it with the original default settings. 

Player Flash Variables

 Player Colors and Locations

There are four color style options to chose from in the Player Editor:


1) Monochrome - This is the Flash Media Player default.


2) Color from Theme - Webshow will filter the theme css for colors to use in the player. 

Your css must fit a certain format for the color filter to work properly.   Here are the css classes and color properties that are filtered by WebShow.  The css class must be in single line format, contain the color property and use hex colors as shown.

     body { background-color: #hexclr; 

     itemHead { background-color: #hexclr; color: #hexclr; 

     a:hover { color: #hexclr;

If you don't like the colors found by WebShow, just assign new ones to use with each theme.

3) Custom Player Colors - Pick custom player colors that are always used regardless of theme


4) Custom Player/Page - Pick custom colors for use in player and on the singlelink page view.

Themestyle

The module's pages use the item classes from your Xoops theme css.  If style option 4) Custom Player/Page is selected, an inline style is inserted in the template  and the web page will inherit its color theme from the player.    


The style code for "theme from player" is in include/playerstyle.inc.php.

.item {border: 1px solid ".$backcolor."; }
.item a { color: ".$frontcolor.";}

.item a:hover { color: ".$lightcolor.";}

.itemHead { background-color: ".$backcolor."; color: ".$frontcolor."; }

.itemHead a { color: ".$frontcolor.";}

.itemHead a:hover { color: ".$lightcolor.";}

.itemBody { background-color: ".$bgcolor."; border: 0px; color: ".$backcolor.";}

.itemText {color: ".$backcolor.";}

.itemInfo { background-color: ".$frontcolor."; color: ".$backcolor.";}

.itemInfo a { color: ".$backcolor.";}

.itemInfo a:hover { color: ".$lightcolor.";}

.itemFoot { background-color: ".$backcolor."; color: ".$frontcolor.";}

.itemFoot a { color: ".$frontcolor.";}

.itemFoot a:hover { color: ".$lightcolor.";}

Blocks Administration

Playlist Links Block

Billboard Block

Play It Block

Category Block

Frontside Submit Form

The front side submit form allows the user to submit a url pointing to a media file or web feed playlist.  Once the media is approved the user may add more information or edit the listing using the modify form.

Embed Media Files

Open a media submit form and select embed link as the source.

Pick a media sharing site.

Read the directions beside the media location to enter the correct data for the sharing site.

Complete the form and submit.

External Links

Jeroen Wijering's Flash Media Player
Jeroen Wijering's Flash Image Rotator
Jeroen Wijering's Flash Media Player readme
Jeroen Wijering's Forum