Embedding RealAudio into a Web Page

Back to An Overview of Planning, Shooting, Capturing, Editing and Embedding Video for Delivery on a Computer

 

Below is the code for the page on the left.

Red text is the code for the embedded player so that it will work in both Internet Explorer and Netscape Navigator.  The red text activates the RealPlayer plugin for Web browsers.

Blue text is the code for launching the RealPlayer application.  It launches independent of the Web browser.

Green text is the code for the RealPlayer Free button.


To get this to work, I had to create a simple text file.  The file is named "e21b3.rpm"; the name of the file is arbitrary, but the file extension ".rpm" is required.  The content of the file contains a single line of text and nothing more:

http://www.actden.com/rafiles/eslden/e21/e21b3.ra

I created the file using Windows Notepad, which is a simple text editor.  I just had to be sure that the file extension was saved as ".rpm" rather than ".txt".

I uploaded this ".rpm" file to my server, in the same folder as my html page.  The address for the ".rpm" file is:

http://students.ed.uiuc.edu/bertelsn/embed_real_audio/e21b3.rpm

A ".rpm" file contains no media content at all.  It is a redirector file -- it points to a content file.  

A file with the extension ".ra" designates a RealAudio file.  This type of file actually contains the media content.  In order to enact streaming of the media file, we embed within our Web page the address for the ".rpm" file we created. 

In Liz Sanford's example, she was trying to embed the RealAudio file into her Web page by using the following URL:

http://www.actden.com/rafiles/eslden/e21/e21b3.ram

A ".ram" file, like the ".rpm" file, is actually just a simple text file that redirects us to the actual media file.  So, the content of the ".ram" file and the ".rpm" file will be exactly the same.  Each will contain only a single line of text that reads:

http://www.actden.com/rafiles/eslden/e21/e21b3.ra

A ".rpm" file is the redirector for an embedded player, so that the video will play within the Web page.  A ".ram" file is the redirectory for the stand-alone RealMedia Player.  If you examine the link that says, "Click here to play with RealPlayer" you'll see that it points to a ".ram" file, and clicking the link launches the external player.



<OBJECT
ID=video1
CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
HEIGHT=125 WIDTH=275>

<param name="_ExtentX" value="7276">
<param name="_ExtentY" value="3307">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="http://students.ed.uiuc.edu/bertelsn/liz/e21b3.rpm">
<param name="CONTROLS" value="All">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC="e21b3.rpm" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="All" HEIGHT="125" WIDTH="275" AUTOSTART="false">

</OBJECT>

<! HTML INSERT END /!>

<P>
<A HREF="http://www.actden.com/rafiles/eslden/e21/e21b3.ram">Click here to play with RealPlayer.</A>

<HR>

<P>
<A HREF="http://www.real.com/products/player"><IMG SRC="http://cter.ed.uiuc.edu/courses/edpsy490i/su01/streaming_media/rp_dwnldbtn.gif" BORDER=0></A>