internet.com

Go to WebDeveloper Home


hm-v6-139x61.gif

Database Journal: The Knowledge Center for Database Professionals

find a web host with:
CGI Access
DB Support
NT Servers
UNIX Servers
Telnet Access

advanced search
jobs

Get FREE Development Info via your Email!

The Webdeveloper channel
FlashKit
GIF.com
HiermenusCentral
webdeveloper Jobs
Java Boutique
JavaScript.com
JavaScript Source
ScriptSearch
StreamingMedia World
WDJ
WDVL
WebDeveloper.com
WebReference.com
XMLFiles.com

internet.com
Internet News
Internet Investing
Internet Technology
Windows Internet Tech.
Linux/Open Source
Web Developer
ECommerce/Marketing
ISP Resources
ASP Resources
Wireless Internet
Downloads
Internet Resources
Internet Lists
International
EarthWeb
Career Resources

Search internet.com
Advertise
Corporate Info
Newsletters
E-mail Offers

internet.commerce
Be a Commerce Partner










T U T O R I A L S
WebDeveloper.com

Tutorial: RealSystem G2 & SMIL

By Scott Clark

Part 3

The process only takes a second, and then you're ready to move on to the next step, creating the RealPix file. You can use almost any text editor to create the RealPix file...I use my old trusty NoteTab Pro, the same tool I use for editing HTML pages.

To learn how to create the RealPix file, I referred to RealNetwork's RealPix Content Creation Guide. The guide is thorough, but it can still is a bit confusing...so I'll try to enlighten you as we go through the process.

The RealPix File
First, every RealPix file starts with the <imfl> tag, and ends with the </imfl> tag--all the actual content is located between these two tags. That is about the only tag with opening and closing elements used in RealPix files. The rest utilize the closing slash at the end of the tag--a standard XML practice (to learn more about XML, read our XML Files column). To help familiarize yourself with the RealPix language, you may want to take a look at the various RealPix tags which are available.

Before getting into the rest of the RealPix file, you'll need to consider if you'll be using an audio track along with the images. If so, it is at this point that you'll want to play the audio track and note (in seconds) at which point you want the images to be presented. This will greatly help you later in the creation process.

Assuming you have your timeline planned, the next step is to include your images in the RealPix file, using the following code:

<imfl>
       <image handle="1" name="overlook.jpg"/>
       <image handle="2" name="shroud.jpg"/>
</imfl>
At this point, you could save the file (with a .rp extension), and view it within your G2 Player, but you wouldn't see much. That's because you haven't established your timeline in the RealPix file, nor have you indicated how to notate the time. You do that in the head section of the file:
<head width="256" height="192" start="0"
duration="32" timeformat="dd:hh:mm:ss.xyz"/>
The head section above (which is to be located at the very top of the file, just under the imfl tag) tells the G2 Player the size of the presentation window, when to start it, the duration of it, and what format time is notated with. It is also the place to list the author, title and any copyright information for the presentation. The file will now run as is, but you still wouldn't be too impressed. You need to indicate which file is to be shown first, how long it should be shown, etc. You can choose to first show a colored background which fades in, or you can just fade the image in, or you could swipe the image in on top of the background color...the possibilities are only limited by your imagination. These transition effects are quite easy for the developer to produce, as they are an extensible part of the RealPix render plug-in--the hard work's already been done!

[Move on to the next part of the article.]

This article first appeared in May, 1998.

Fast Jump to Anywhere on WebDeveloper.com:


Contact the WebDeveloper.com staff

Last modified: 20

 

Refresh Daily
Join Editor-in-Chief David Fiedler The Editor With No Time and find truth, justice, and a clue or two.


Browse by Category
[ Site Map ]

ActiveX / VBscript
Animated GIF Archive
Browsers
CGI / Perl
Database Connectivity
Design / Graphics
E-Commerce
HTML-Advanced: DHTML, CSS
HTML / Site Authoring Tools
Intranet/Groupware
Java
JavaScript
Multimedia: Audio / Video / Streaming Technologies
Opinions
Refresh Daily: Editorial Column
Security
Servers & Server Tools
Site Design / Graphics
Site Management / Marketing / Log File Analysis
Tutorials
VRML / 3D
XML


internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers