Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology

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


Real Pix Files

December 14, 1998

You may have been wondering what exactly a RealPix file is. We'll don't worry, its really a JPG file that has been specially encoded. The encoding is done using a program called JPEGTRAN, which is available for both Mac and PC. Let's look at the RealPix file:

<imfl>

<head

width		= "160"

height		= "120"

start		= "0"

duration	= "20"

timeformat	= "dd:hh:mm:ss.xyz"

bitrate		= "12000"

url		= "http://www.wdvl.com"/>



<image handle	= "1" 
	name	= "headline1.jpg"/>

<image handle	= "2" 
	name	= "headline2.jpg"/>

<image handle	= "3" 
	name	= "headline3.jpg"/>


 

<wipe type		= "push" 
	direction	= "right"
	start		= "1" 
	duration	= "2" 
	target		= "1"/>



<wipe type		= "push" 
	direction	= "right"
	start		= "8" 
	duration	= "2" 
	target		= "2"/>



<wipe type		= "push" 
	direction	= "left"
	start		= "13" 
	duration	= "2" 
	target		= "3"/>



</imfl>

The whole RealPix file is contained between opening and closing <IMFL> tags. The Real Pix file defines two things: the individual picture files (in this case JPG files) and the time points and manner in which they progress through their "slideshow".

The HEAD area defines some simple info such as width, height, start time, total duration, the timeformat, the bitrate at which the pix should be streamed and the URL to go to if a picture is clicked on.

The individual pictures are defined next. Let's take a look at one of them:

	<image handle	= "1"
		 name	= "headline1.jpg"/>

The first image is given a "handle" which is its ID. Its source is also defined as the JPG image headline1.jpg.

Below this definitions are given for how the "slideshow" should be presented. I'll walk you through it in plain English. The first image slides in (push) from the right side of its region one second into the presentation. The slide lasts two seconds. This image stays in place until eight seconds into the presentation where it is replaced by image two, which slides in from the right to cover the first image. The final image, headline3.jpg, slides in from the left at 13 seconds to cover image 2. This final image stays until the end of the presentation.

More images can be added to the series and many different wipes are available.

SMIL File
Introduction to SMIL
Real Text


Up to => Home / Authoring / Languages / XML / SMIL / Intro




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers