PlayStream EasyLink technology makes it easy to embed RealMedia
into a Web page. 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://easylink.playstream.com/servicename/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://easylink.playstream.com/servicename/filename.rm"
WIDTH="320"
HEIGHT="240"
AUTOSTART="true"
CONTROLS="imagewindow"
CONSOLE="video">
</EMBED>
</OBJECT>
NOTE: Please replace the highlighted
text above with your stream link.
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 PlayStream 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://easylink.playstream.com/servicename/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://easylink.playstream.com/servicename/filename.rm"
WIDTH="320"
HEIGHT="100"
AUTOSTART="true"
CONTROLS="all"
CONSOLE="video">
</EMBED>
</OBJECT>
NOTE: Please replace the highlighted
text above with your stream link.
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 [http://service.real.com/help/library/guides/production8/realpgd.htm]
provides a good introduction into the art and science of embedding RealMedia.
|