Run RealProducer. If you see a dialog box like this, then click the "Cancel" button.

From the menu, click File | Open File. Navigate to and select the file that you want to encode. You should then see a screen that looks like this:

Change the "Target Audience" selection. If your users will be viewing your pages over a modem, then choose the "56K Modem" option. Note that this option will be fine for audio, but video quality will not be high. The lowest acceptable setting for video seems to be "Dual ISDN," and "Corporate LAN" is the highest-quality video setting.

Under the "File Type" choose "Single-rate for Web Servers."

The "Audio Format" will have little effect on the quality of the sound, but it will affect the size of the encoded file. As for "Video Quality," I have seen best results from "Normal Motion Video."

Make a note of the dimensions of the "Encoded Output." This will be the width and height of the video window.

When the settings are made, click the "Start" button, which is in the lower-left corner of the dialog box.

If you see this dialog box, click "No."

The program will encode the file, then prompt you for a location of the encoded file. The desktop is a good place to store the files temporarily.

After saving the file, you may see this dialog box. Click on OK to dismiss it.

You are now done encoding the file. Quit RealProducer by clicking File | Exit.

Change the extension of the file from ".rm" to ".rpm" by clicking ONCE on the file, then pressing the ENTER key. You can now change the name. If you are using Windows, then click ONCE on the file, then press the F2 key on the keyboard to enable you to rename the file.

Copy the file onto your webspace.

Open your webpage in your editor, and insert this HTML in the location on your page where you want the media to appear:

If you are embedding video:

If you are embedding audio:

<embed src="coolsound.rpm?embed" WIDTH=200 HEIGHT=50 CONTROLS=CONTROLPANEL>

The parameters that you must change are:

• SRC: use the name of your file, followed by "?embed." For example, if your file encoded as "groovy.rm" and you later changed the name of the file to "groovy.rpm," then the SRC tag would be SRC="groovy.rpm?embed"
• Width: This should be the width of the video file.
• Height: This should be the height of the video file.

Note that for video, you are inserting TWO embed tags. The first is the video window, and the second is the control panel for showing the play and stop buttons, volume control, etc.

The HTML file will look like this in your browser window: