Learn all about the exciting new RocketTheme exclusive modules that are included in the Hyperion template release. Here you can find instructions for installation and configuration for each of the custom modules.
The first step is to create a custom module. To do this, navigate to Admin > Modules > Site Modules > New. This will take you to the Custom Module setup page. Fill out the normal parameters such as Title, Show Title, Menu Items, Position etc... On the demo, we are using the Advert1 position.
The next step is to add the custom script code into the Custom Output box which is as follows. Note the path where the scripts and file are being loaded from.
<script type="text/javascript" src="templates/rt_hyperion_j15/js/swfobject.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var flashVars = {
titlesColor: '0x' + $$('a')[0].getStyle('color').substr(1)
};
var flashParams = {
wmode: 'transparent',
base: 'templates/rt_hyperion_j15/flash'
};
var rnd = $time() + $random(0, 10000);
swfobject.embedSWF("templates/rt_hyperion_j15/flash/hype_vid.swf?cache=" + rnd, "recent-videos-object", "635", "310", "9.0.0", "templates/rt_hyperion_j15/js/expressInstall.swf", flashVars, flashParams);
});
</script>
<div id="recent-videos">
<div id="recent-videos-object">
<h1></h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img style="margin-top: 1em;" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
</div>
The final stage is to add your own content to Recent Videos. This is done via a XML file in the directory where the flash is placed, in the case of the demo, /templates/rt_hyperion_j15/flash and the file's name is video.xml.
<content> <!-- Item 1 --> <item> <!-- title of the video item --> <title>Realguys-RunFatboyRun</title> <!-- description of the video item --> <description>We began with the belief that people are good.</description> <!-- location of the custom video image relative to the base flash directory--> <path>thumbs/image1.jpg</path> <!-- location of the video fie --> <data>http://blip.tv/file/get/Realguys-RunFatboyRun385.flv</data> </item> </content>
The contents of the file will mimic the snippet above, see snippet comments for details on what each element does. Simply copy the <ITEM> areas to add more videos. Below is the snippet from the demo to give you an example.
<content> <item> <title>Realguys-RunFatboyRun</title> <description>We began with the belief that people are good.</description> <path>thumbs/image1.jpg</path> <data>http://blip.tv/file/get/Realguys-RunFatboyRun385.flv</data> </item> <item> <title>Thomas Lennon Interview</title> <description>We began with the belief that people are good.</description> <path>thumbs/image2.jpg</path> <data>http://blip.tv/file/get/Mahalodaily-MD127Reno911ThomasLennonInterview458.flv</data> </item> <item> <title>60 Frames-Car Bangers</title> <description>We began with the belief that people are good.</description> <path>thumbs/image3.jpg</path> <data>http://blip.tv/file/get/60Frames-CarBangers537.flv</data> </item> <item> <title>Moblogic-Georgia Covers The Death Penalty</title> <description>We began with the belief that people are good.</description> <path>thumbs/image4.jpg</path> <data>http://blip.tv/file/get/Moblogic-GeorgiaCoversTheDeathPenalty463.flv</data> </item> <item> <title>Realguys-RunFatboyRun</title> <description>We began with the belief that people are good.</description> <path>thumbs/image1.jpg</path> <data>http://blip.tv/file/get/Realguys-RunFatboyRun385.flv</data> </item> <item> <title>Thomas Lennon Interview</title> <description>We began with the belief that people are good.</description> <path>thumbs/image2.jpg</path> <data>http://blip.tv/file/get/Mahalodaily-MD127Reno911ThomasLennonInterview458.flv</data> </item> <item> <title>60 Frames-Car Bangers</title> <description>We began with the belief that people are good.</description> <path>thumbs/image3.jpg</path> <data>http://blip.tv/file/get/60Frames-CarBangers537.flv</data> </item> <item> <title>Moblogic-Georgia Covers The Death Penalty</title> <description>We began with the belief that people are good.</description> <path>thumbs/image4.jpg</path> <data>http://blip.tv/file/get/Moblogic-GeorgiaCoversTheDeathPenalty463.flv</data> </item> </content>
To convert video files to FLV format you will need a conversion application, usually referred to as a converter or encoder. Converters are fairly straightforward to use — you simply import a file, choose a preset (and customize the settings if required), then export as FLV. Good converters have additional features such as batch processing options.
There are many converter/encoders available — some free, some cheap, some expensive. If you do a search for "FLV converter" or "FLV encoder" you'll find plenty of options. Three of the most commonly-used converters are listed below.
Other Solutions
Another way to do this is to use a third party service to host and stream your video files. Some of these third party services are "You Tube"and "Blip Tv and there are many others. Your third party service will need to use the FLV format for there videos. The advantage of using a third party service like these is that they provide you with admin and usually convert the videos to the flv format. All you need to do is get the path from them.