RealNetworks.com > Code Samples: Miscellaneous

The downloadable, HTML+Javascript version of the RealSystem iQ Production Guide for RealOne, contains all the code samples presented in this section as a single, zipped archive that also includes utilities. It is highly recommended for persons who want to learn SMIL markup. You can read this version with Netscape Navigator or Microsoft Internet Explorer.

Step 1: Download Samples
Step 2: Unzip the archive to your hard drive
Step 3: Open the realpgd.htm web page from within the extracted archive folder
Step 4: Use the drop down menu in the navigation window to seclect sample files.

All the samples provided in the downloadable production guide are in the samples folder with in the extracted archive folder. Open files, inspect the code and copy and past into your own presentations.

License Agreement
The sample files that are included with the RealSystem iQ Production Guide are the property of RealNetworks, and are licensed solely for your use in learning SMIL and RealNetworks technologies such as RealText, as well as for creating customized RealSystem presentations. You may not under any circumstances use, copy, sublicense, display, distribute, transmit, or reprint the sample files or the customized presentations, in whole or in part, without first obtaining written permission from RealNetworks.

The following sample files demonstrate various hyperlinking possibilities.

LINKING TO HTML PAGES
Using SMIL, you can easily link RealOne Player to a Web page that opens on a click, a keystroke, or automatically at a certain time.

Sample File	Description	Feature Illustrated	Reference
overview.htm	A demonstration of the many ways to use SMIL to launch HTML pages.	RealOne Player related info and media browser panes; using SMIL to open URLs automatically	click here
browserlink.smil	An HTML page opens and pauses the video when you click the video.	minimal requirements for opening a Web page: tag with the external="true" attribute	click here
arealinks.smil	Each quadrant of the video links to a separate HTML page. The video pauses when you open a link.	image map created through tags, along with the sourcePlaystate="pause" attribute	click here
timedlinks.smil	The video clip links to four different HTML pages at different times.	begin and end attributes in an tag	click here
timedlinks2.smil	An audio clip links to four different HTML pages that automatically open in secondary browsing windows at different times.	begin attributes in an tag, along with actuate="onLoad"	click here

LOADING HTML IN THE RELATED INFO PANE
The related info pane displays HTML pages next to a playing presentation.

Sample File	Description	Feature Illustrated	Reference
basiccontext.smil	An HTML page opens automatically in the related info pane when the video starts.	rn:sendTo="_rpcontextwin" attribute, and actuate="onLoad"	click here
timedcontext.smil	Four HTML pages open in the related info pane automatically at different times as a video plays.	begin attributes in related info pane links	click here
multilinks.smil	Four static clips display in the main media playback pane. Clicking each clip displays a different HTML page in the related info pane.	interactive begin attributes in related info pane links	click here
openatstart.smil	If the media browser pane is attached, the video appears flush left, leaving room for a related info page that opens later.	rn:contextWindow="openAtStart"	click here
closedatstart.smil	If the media browser pane is attached, the video appears centered at first, then moves to the left when the related info page opens.	default behavior without rn:contextWindow="openAtStart"	click here

RealPix lets you create streaming slideshows from still images in GIF, JPEG, and PNG formats.

REALPIX SLIDESHOWS

Sample File	Description	Feature Illustrated	Reference
fadeinslidshow.rp	A simple slideshow illustrates the use of <fadein/> tags.	<fadein/> tags and simple timing	click here
fadein.rp	A more complex slideshow demonstrates how to fade images into different areas of the media playback pane.	source and destination rectangles used with <fadein/>	click here
fadeout.rp	This slideshow demonstrates various ways to use <fadeout/> tags.	source and destination rectangles used with <fadeout/>	click here
wipeslideshow.rp	A simple slideshow shows the use of <wipe/> tags.	<wipe/> tags and simple timing	click here
wipe.rp	A more complex slideshow demonstrates how to wipe images into different areas of the media playback pane.	source and destination rectangles used with <wipe/>	click here
animatedgif.rp	An animated GIF image fades in, starts to animate, stops animating, then fades out.	<animate/> tag used to control an animated GIF	click here
viewchange.rp	A demonstration of how to zoom in, zoom out, and pan across an image.	source and destination rectangles used with <viewchange/>	click here
aspectoff.rp	The RealPix playback area has a different width-to-height ratio than the images. Each image displays twice, first with its native aspect ratio preserved, then with it ignored.	aspect attribute in the <head/> tag and effects tags	click here
slideshowhtml.smil	A SMIL file is used to display a RealPix slideshow, and open HTML pages automatically as each image displays.	SMIL <area/> tags with actual="onLoad" applied to a RealPix slideshow.	click here
maxfps.rp	Images are introduced at a progressively faster maximum frame rate.	maxfps attribute in the <head/> tag and effects tags	click here
prerollmask.smil	A SMIL file plays RealText and RealAudio clips first to mask a RealPix slideshow's preroll.	bandwidth management strategies for RealPix slideshows	click here
pixsmil2.smil	Similar to smilslides2.smil, which is constructed entirely with SMIL 2.0, this sample uses RealPix and SMIL 2.0 to coordinate a slideshow, with RealText clips used for narration. SMIL transition effects introduce the RealText clips.	RealPix and RealText in a SMIL 2.0 presentation, along with SMIL transition effects for RealText	click here
pixsmil1.smil	Similar to the preceding, this sample is made with RealPix and SMIL 1.0, which does not offer transition effects for the RealText clips.	RealPix and RealText in a SMIL 1.0 presentation	click here

The following samples demonstrate the use of plain text clips, inline text, and RealText® clips. Many other sample files listed in the Code Samples section also use RealText or inline text to create text annotations.

PLAIN TEXT CLIPS AND INLINE TEXT
The Source Tags section explains how to use plain text clips and inline text within a SMIL presentation.

Sample File	Description	Feature Illustrated	Reference
plaintext.smil	A plain text file (.txt) displays within a SMIL presentation.	<text/> tag using a plain text file as its source	click here
textfont.smil	The same text file displays multiple times in sequence, each time using a different font, size, or text color.	<param/> tags used to change default text file properties	click here
inlinetext.smil	Inline text created directly in a SMIL file displays in different regions, using advanced features such as transition effects and animations.	<text/> tags creating inline text clips	click here
inlinefont.smil	A plain text file (.txt) displays within a SMIL presentation.	<text/> tag using a plain text file as its source	click here
textalign.smil	Inline text samples illustrate horizontal and vertical text alignment.	hAlign and vAlign values in <param/> tags	click here
howdoesitwork.smil	A demonstration of text effects similar to those you can find in animation clips.	inline text with transition effects	click here

REALTEXT WINDOW TYPES
RealText includes several window types that automatically display text in certain modes, such as scrolling from bottom to top, or crawling from right to left.

Sample File	Description	Feature Illustrated	Reference
generic.rt	A generic RealText window that displays text at different times.	generic window behavior, as well as <time begin/> and <clear/> tags	click here
news.rt	A scrollingnews window in which text scrolls from bottom to top.	scrollingnews window behavior, as well as the scrollrate attribute	click here
prompter.rt	A teleprompter window in which new text pushes older text up and off the screen.	teleprompter window behavior, as well as <time begin/> tags	click here
marquee.rt	A marquee window in which text crawls from right to left.	marquee window behavior, as well as <font> tags	click here
ticker.rt	A tickertape window in which static text crawls from right to left.	tickertape window behavior, as well as <tu> and <tl> tags	click here

REALTEXT FEATURES
RealText includes many features for timing, positioning, and displaying text.

Sample File	Description	Feature Illustrated	Reference
textsample.smil	An overview of RealText features.	window types, timing commands, positioning commands, font control, SMIL integration	click here
fontfaces.rt	A list of font faces that RealText displays.	supported fonts	click here
textlinks.rt	A scrolling RealText clip displays several types of hyperlinks that you can create in a RealText clip.	RealText hyperlinks for opening Web pages and streaming media, as well as for issuing RealOne Player commands	click here
videonotes.smil	A presentation that includes a video and a RealText clip as annotation.	RealText in a SMIL presentation	click here
videosubtitles2.smil	The same as the preceding, except that the subtitles display on an opaque background below the video.	RealText in a SMIL presentation	click here
textfitbig.smil	The same RealText clip displays in four separate SMIL regions, each of which is larger than the clip and uses a different fit attribute.	<region/> tag fit attribute's effect on RealText	click here
textfitsmall.smil	The same as the preceding example, except that the four SMIL regions are smaller than the RealText clip.	<region/> tag fit attribute's effect on RealText	click here

You can embed a streaming presentation in a Web page, as well as play it in RealOne Player.

REALPIX SLIDESHOWS

Sample File	Description	Feature Illustrated	Reference
plugin.htm	An HTML page opens, plays a video, and exhibits all the RealOne Player controls that you can add to a Web page.	all RealOne Player controls added through <EMBED> tags, as well as the CONSOLE and AUTOSTART parameters	click here
plugin2.htm	Same as the preceding, but the controls are embedded using both (EMBED) and (OBJECT) tags.	<EMBED> and <OBJECT> tags combined	click here
allcontrol.htm	An HTML page embeds various sizes of the All control, showing how that control drops certain features as you reduce its width or height.	CONTROLS=All at different widths and heights	click here
controlpanel.htm	An HTML page embeds various sizes of the ControlPanel control, showing how that control drops certain buttons as you reduce its width.	CONTROLS=ControlPanel at different widths	click here
taccontrol.htm	An HTML page embeds various sizes of the TACCtrl control, showing how that control drops the Clip Info text as you reduce its width.	ONTROLS=TACCtrl at different widths	click here
statusbar.htm	An HTML page embeds various sizes of the StatusBar control, showing how that control drops certain fields as you reduce its width.	CONTROLS=StatusBar at different widths	click here
multiple.htm	Two videos are linked to two different sets of controls. Each video plays in the same image window, however.	CONSOLE parameter	click here
embed1.htm	An HTML page opens and plays a SMIL presentation. The SMIL file defines the layout.	SMIL layout for an embedded presentation	click here
embed2.htm	The same as the preceding example, but the SMIL file does not define a layout. Instead, the presentation is laid out with HTML.	HTML layout for an embedded presentation	click here

Support