DOWNLOADS EXAMPLES SKINS DOCS SUPPORT
 
 

Quick Start

Here we will run through the procedure for publishing your video. The process of using Wasp Publisher can be summarized as follows:

1. Browse for media files and images on your local PC.
2. Set startup and playback options.
3. Customize the look and feel.
4. Decide where you would like to store your media files on your web site.
5. Output (publish) all of the files to a folder on your local PC.
6. Upload the published files to your web site's "media" folder.
7. Copy and paste the HTML code generated by Wasp Publisher into a web page.

The remainder of this page will guide you through the process of publishing a media with Wasp Publisher.

The process is broken into the following steps:

  1. Launch Wasp Publisher
  2. Load Media
  3. Select Skin
  4. Publish
  5. Upload
  6. Test

More detailed information on using Wasp Publisher can be found in the "Customize" section of this documentation.

Launch Wasp Publisher

If you haven't done so already, download the Wasp Publisher package from the Wasp Publisher overview page.

After downloading the ZIP package, un-zip (de-compress) the package to a folder on your PC.

In this folder you will see an icon called "Wasp Publisher"... Double click on it to launch the application.

Upon launching Wasp Publisher, you will be presented with a screen that shows a number of tabs to the left, and a "preview player" to the right.

Clicking on a tab will reveal different panels, which contain all of the options available within Wimpy Wasp. You can read about each option within each tab in the "Option Descriptions" section later on in this documentation.

 

 

Load Media

By default, the “Media” tab is selected. This tab includes fields that refer to media files that can be loaded into the player such as audio, video and image files.

The most important field is the “Media File” field, which refers to the audio or video file that you wish to playback within the player.

You have two options for entering the location of the file:

1. You can click the “Browse” button, which will open a dialog box and allow you to navigate to a file on your local PC.

Once you click the "Browse" button a dialog box will appear allowing you to locate a file on your local PC. Once you have located a media file, click "OK / Open".

2. You can type an address (URL) to a file that is sitting on your web site directly into the field.

If you are entering a URL directly into the field, you'll have to click the button in order to get the track loaded into the preview player.This button is located just above the preview player.

After making your selection, or typing a URL, the track will load into the preview player and begin playing.

NOTE: The track will begin to play immediately because the "Start Playing Immediately" option is checked. This option is in the "Options" tab. We will discus each of the options later on in the documentation.

You can resize the player by dragging the resizing handle at the lower right-hand corner of the video.

 

 

 

Select a Skin

This area allows you to configure the look and feel of the player.

In the "Skin" section, click on the "-- Select --" drop down menu and choose any one of the pre-configured skins.

After making your skin selection, the player will automatically refresh and apply the selected skin.

 

 

Publish

There are a few options available within this section that are intended for advanced users who require more control over how the resulting HTML code is formatted. We'll discus these options later on in the documentation..

Click the "Publish to Local Folder" button.

The resulting screen displays one option "Destination URL". If you have not yet decided where you will be storing your media on your web site, leave this field blank. If you know the location (URL) where you store your audio and video files on your web site, enter the URL to your "media" folder into the "Destination URL" field.

NOTE: We recommend establishing a folder on your website where you store all of your media files -- including Wasp. Doing so will make your life easier. An example of a media folder URL would be similar to:

http://www.yoursite.com/media

 

Click the "Publish" button.

Upon clicking the "Publish" button you will be prompted to choose a folder on your local PC. Wasp Publisher will output all of the files required to display the track into the folder that you choose.

NOTE: Wasp Publisher will copy media files (audio, video or images) to the new folder that you select -- leaving the "source" media files file in their original folder.

 

After clicking "OK" Wasp Publisher will output a number of files to the selected folder:

The output folder will automatically open and should now contain three "wasp" files, two "HTML" files and your audio or video file. The HTML files will take on the same file name as your audio or video file, except they will have an "html" extension.

NOTE: If you chose to use the "Poster Graphic" option, an image file will exist as well. It too will take on the same "basename" as your audio or video file.

 

 

 

Upload

Now that Wasp Publisher has saved all the required files in a single folder on your computer. All that remains is to put that folder up on your website. The only thing we need to know is whether that folder exists yet. We will call it the "media" folder in these examples but you can call it anything you want. If you filled in the "Destination URL" on the Publish Tab , this will be the same folder you pointed to there.

For Example:

If your Destination URL was http://www.yourdomain.com/media, then you will access this folder via FTP: /public_html/media

If the Media Folder Exists Already:

1. Connect to your site via FTP.
2. Navigate to your the "media" folder.
3. Drag all files from your local media folder to your remote media folder.

If the Media Folder Doesn't Exist Yet:

1. Connect to your site via FTP.
2. Navigate to the "root" folder of your website. Every website has one. It is usually called "public_html" or "www" or sometimes "httpdocs".
3. Upload the entire "media" folder your root folder.

 

 

 

 

Test

After uploading the files, launch your browser and navigate to the "media" folder on your web site.

NOTE: Most web sites will automatically list the contents of a folder that does not have an "index" file in it. Usually, index files are named "index.html" or "default.htm" depending on your web site's configuration. If after navigating to the "media" folder on your site, you are not presented with a list of files, you'll have to manually type in the name of the HTML file that is associated with your media file.

As described earlier, the HTML files "take on" the name of you media file. For example, if your video was named "myVideo.mp4", then the HTML file will be named "myVideo.html"

 

Click on the associated HTML file.

 

 

Click the "back" button on your browser to return to the list of files, then click on the associated HTML file that ends with "_code.html"

 

This HTML file contains snippets of HTML code that you can use to incorporate the player into and throughout your web site

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  ©Copyright Plaino LLC. All rights reserved.