Home Support User Guide - Start here!
JVideo User Guide
  1. Introduction
  2. Installation & setup
  3. Building your video gallery
  4. Extending your gallery with the JVideo module
  5. Integrating JVideo with 3rd party components
  6. Support & troubleshooting

 

1. Introduction

 

Welcome to JVideo

This document will give you a better understanding of the JVideo Joomla Video component, and what you need to do to start building your branded Joomla video community.

JVideo isn't your everyday Joomla! component. JVideo uses the Warp API to manage uploading, converting, and streaming your videos, so there are never any videos stored on your web server (even temporarily). This means you can have a website without a lot of horsepower, and still deliver top-of-the-line videos to your users with your own company brand. Then, when users like what they see, and they embed your videos elsewhere, your logo stays with the video, and it links back to your website - further solidifying your website brand as a legitimate video community.

 

2. Installation & Setup

 

Install the Component & Module on your Joomla! 1.5 Site

The first step is to download the component from our download page (and optionally the module). Make sure your system fulfills the minimum requirements (PHP 5, MySQL 4.1, and Joomla! 1.5.0). As with any Joomla! component, it's a simple process to install the component.

  1. Login to the Administrator section on your Joomla! website
  2. Browse to "Extensions" and click "Install/Uninstall"
  3. Within the "Upload Package File" section, browse for the JVideo component on your computer, and click "Upload"
  4. If everything goes well, and your system meets the minimum requirements, you should see a "Installation successful" notice.
  5. If it doesn't install, and you aren't sure what to do, please read our FAQ or post a question on the support forum.

If you are also installing the module, please do so now using the same steps as the component install.

 

Sign-up for a Warp Account

Now that you've installed the component, you need to sign-up for an Warp video services account. Dont worry - if you are just checking out the component, you can sign-up for a free Warp account. The free account doesn't expire, and you get to try out our branding tool, but you are limited to a certain amount of bandwidth and storage space (on a per month basis). So, if you haven't done so already, head over to the Warp signup page and create your new account.

If you've already decided you want to use JVideo for the long run to build a popular video community with your own brand, then by all means go for the professional account. You'll never regret it!

 

Add your Warp Account to JVideo

  1. Login to the Administrator section of your Joomla! website
  2. Browse to "Components" and click "JVideo"
  3. Open the "Account Setup" section
  4. Enter your Warp account username
  5. Enter your password (twice - for good measure)
  6. Enter your domain
    • If you don't remember what it was exactly, check your welcome email from Warp
    • If your website domain is http://www.example.com, use example.com (removing the first part)
    • If your website domain is http://subdomain.example.com, use subdomain.example.com
  7. Click "Save"

Branding the Video Player with your Website or Company Logo

  1. Login to the Administrator section of your Joomla! website
  2. Browse to "Components" and click "JVideo"
  3. Open the "Branding" section
  4. Click the "Upload a New Logo" button and select your company or website logo
  5. Adjust the parameters to make your logo look perfect
  6. Click "Save Changes" to make your changes live
  7. If you have any issues, or need help perfecting your logo, don't hesitate to contact the Warp support team!

3. Building your Gallery


In order to build your video gallery, the key idea is to think of every video section as a menu item. JVideo currently comes with four types of menu items built-in by default, and I'll explain the purpose of each below.

  • Videos menu item type -- Link to a list of videos (used most often)
  • Upload Video menu item -- Link to the video upload tool
  • User Profile menu item -- Link to the built-in JVideo profile
  • Watch Video menu item type -- Link to a single video (probably won't be used very often)

 

The "Videos" Menu Item

For example, let's say you want to build a video community of "Animals Close-up With a Wide-Angle Lens" and want to organize your video clips into three categories: dogs, cats, and fish. For our first section, we want to display all the most recent videos from all categories (all dog, cat, and fish videos), so let's walk through how we would set this up.

  1. Login to the Administrator section of your Joomla! website
  2. Browse to "Menus" and click "Main Menu" (or the menu you want to use)
  3. Click "New" to create a new menu item
  4. Click "JVideo" and then "Videos Layout"
  5. Enter a title & alias for the menu item
  6. By default, "Categories" is set to "All", so we leave that alone
  7. By default, "Filter By" is set to "Newest Videos", so we leave that alone as well
  8. Use Grid View and specify how many columns of videos you want (default is 4)
  9. Show or hide different elements of the list (show views, hide author, etc.)
  10. Enter a limit for the amount of characters to display for the title and/or description (0 means unlimited)
  11. Skip over Target Item ID's for now
  12. Click "Save"

Now you have a menu item on your Joomla! site that lists all your videos (if you have uploaded any), now you have the option to add more menu items, and display videos only from a specific category. Add-in the ability to filter by "Featured Videos", "Most Watched Videos", etc., you can start adding more menu items to further organize your video community. After adding the menu items, you may have a layout similar to:

  • Animal Videos
    • Featured Videos
    • Dog Videos
      • Most Popular
      • Top Rated
    • Cat Videos
      • Most Popular
      • Recently Added
    • Fish Videos
      • Recently Added
      • Top Rated

The "Upload Video" Menu Item

Directly links to the upload tool! :)

Add it to your menu with Public, Registered, or Special privileges depending on who you allow to upload videos (so as not to confuse people who think they can upload videos if they can't).

 

The "User Profile" Menu Item

The User Profile menu item directs users to the built-in JVideo user profile page. You'll notice it has parameters similar to the Videos menu item because the built-in profile includes a list of each user's videos. Normally, you'll arrive at the user's profile page by clicking on the author's name for a video, but with the User Profile menu item, your users can view their own profile, and will be giving the option to create a profile if they have not yet done so.

If you are using 3rd party profile systems like Fireboard or Community Builder, you may not want to use this menu item, because it will give you multiple profile pages! With 3rd party integration, which is discussed later in this guide, all links to the built-in JVideo profile will be replaced with links to the 3rd party profile page.

 

The "Watch Video" Menu Item

If you ever need to go directly to a video, this menu item is your friend. You can simply provide the "Video ID" as a parameter, and it will take you there. Useful for those people who really just need a couple videos on their site, and don't mind setting up a menu link for each one.

 

4. Extending your Gallery with the JVideo Module

The JVideo module allows you to put videos ANYWHERE on your website. If you want to display a preview of a single video on a random page, you can do it with this module. If you want want to avoid menu items completely, you can use the module to customize your look even further, and replace component-based views with module-based views. Also, if you want to place videos on any type of profile system, chances are you can probably do it with this module.

If you have already created a few menu items for JVideo, then managing and using the module is very straight-forward. The parameters are organized to match the JVideo menu parameters as closely as possible, so almost everything should be familiar. If you are curious about a setting, check the information above about the different menu parameters.

One field in the module that I should address is the "User ID" parameter. You can use this to put videos on a profile system (or any page that uses some sort of user ID parameter in the URL). For example, let's say the URL for our profile system is:

index.php?option=myProfileSystem&view=profile&myUserID=12345

In the URL, "myProfileSystem" is the component, "profile" is the view that shows the user information, and "myUserID" is the ID that tells the profile view which user's information to display. In our case, you can type in myUserID into the User ID parameter for the JVideo module, and when the module is on the profile page it will only get videos associated with that user ID.

Remember to use Target Item ID's if you need to keep modules displayed on the different sections of your site. You can specify what menu item ID is associated with the Profile or Video URL's, so if a user clicks on a video or profile link, the modules tied to that component view won't be lost. For more information, read our FAQ or ask for help on the forums.

 

5. Integrating JVideo with 3rd Party Components

When we built JVideo, we wanted to make it as organized as possible to help keep your sanity (as well as ours). For this reason, we built an abstraction layer into JVideo to support plugins. If you are familiar with object-oriented programming concepts, our plugin system basically includes an abstract base class for profiles, comments, and videos. We have extended the base class with our own set of "default" plugins, as well as a few more common systems (e.g., Fireboard, Community Builder, JomComment).

How Do I Add My Own JVideo Integration Plugin?

If you are interested in adding a plugin, here are the basic steps:

  1. Add a new plugin folder to /components/com_jvideo/plugins (e.g. example_plugin)
  2. Copy the profile/comments/video plugin from the default folder into your folder
  3. Change the functions to perform SQL calls or logic based on your needs
  4. Open JVideo configuration and select your plugin (it will auto populate and display as Example Plugin).
  5. Save

We will add more information later on incorporating JVideo videos into other components' views. If you are interested in providing your integration plugin to others, please contact us about it.

 

6. Support & Troubleshooting

If you can't find the information you need, here are a few resources for you to try.

 

Featured Videos

Views: 2227
No rating
Views: 1791
Rated 5 of 5Rated 5 of 5Rated 5 of 5Rated 5 of 5Rated 5 of 5
See All