How To Embed RealNetworks’ RealMedia Into A Web Pag

Just insert the following OBJECT/EMBED tag in your Web page:

<OBJECT ID=RVOCX CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" WIDTH="320" HEIGHT="240">
<PARAM name="src" value="http://real.joinweb.com:8080/ramgen/[[AccountLogin]]/filename.rm">
<PARAM name="autostart" value="true">
<PARAM name="controls" value="imagewindow">
<PARAM name="console" value="video">
<EMBED TYPE="audio/x-pn-realaudio-plugin"
SRC="http://real.joinweb.com:8080/ramgen/[[AccountLogin]]/filename.rm"
WIDTH="320"
HEIGHT="240"
AUTOSTART="true"
CONTROLS="imagewindow"
CONSOLE="video">
</EMBED>
</OBJECT>

The "type" attribute lets the browser know which plug-in to use to play the media. The "src" attribute tells the plug-in what media to play and where it resides. The "src" attribute can either be the Stream.JoinWeb Easylink path to your media, a ramgen path to your media, or a ".ram" reference file. The "height" and "width" attributes are the dimensions of your media. If the media is audio only be sure to set both the "height" and "width" to at least "2" or it may not work in all browsers. The "autostart" attribute determines whether the clip starts playing automatically or not. The "console" attribute gives the OBJECT/EMBED tag an identifier that allows multiple OBJECT/EMBED tags to work together. The "controls" attribute defines which controls if any are used in the OBJECT/EMBED tag. To provide every control to the viewer you would use a second OBJECT/EMBED tag like this:

<OBJECT ID=RVOCX CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" WIDTH="300" HEIGHT="100">
<PARAM name="src" value="http://real.joinweb.com:8080/ramgen/[[AccountLogin]]/filename.rm">
<PARAM name="autostart" value="true">
<PARAM name="controls" value="all">
<PARAM name="console" value="video">
<EMBED TYPE=" audio/x-pn-realaudio-plugin "
SRC="http://real.joinweb.com:8080/ramgen/[[AccountLogin]]/filename.rm"
WIDTH="320"
HEIGHT="100"
AUTOSTART="true"
CONTROLS="all"
CONSOLE="video">
</EMBED>
</OBJECT>

In this second OBJECT/EMBED tag the only thing that has changed is the values of the "height" and "controls" attributes. Be certain the "console" attribute keeps the same value. The value of "all" for the "controls" attribute tells the plug-in to display all of the Real player controls in the 320x100 space defined by the "height" and "width" attributes. Here is a list of other "controls" values.

ControlPanel
PlayButton
PlayOnlyButton
PauseButton
StopButton
FFCtrl
RWCtrl
MuteCtrl
MuteVolume
VolumeSlider
PositionSlider
TACCtrl
HomeCtrl
InfoVolumePanel
InfoPanel
StatusBar
StatusField
PositionField

The reason for the use of both the OBJECT and EMBED tag is to insure functionality in all browsers.

For more information on embedding you can review Chapter 8 of RealSystem Production Guide, located at http://service.real.com/help/library/guides/production8/realpgd.htm, provides a good introduction into the art and science of embedding Real media.