Streaming Audio & Video

You can create streaming audio and video for broadcast over the Web. This online tutorial will teach you how. You'll use RealSlideshow to create a streaming audio and video presentation with both a voice and a music track.�

Table of Contents

The Project Properties Dialog Box

The Project Properties dialog box has the following tabs: Info, Background Music, Size, and Advanced. You open the Project Properties dialog box by either clicking on the Project Properties button in the RealSlideshow window or by selecting Project Properties from the Edit menu. 

Info Tab

Info Tab

The Info tab collects basic information. Your entry in the Title field becomes the title of your slideshow and is displayed at the slideshow start. The Title, Author, and Copyright display on the Clip Info line when you slideshow plays in RealPlayer.  When you generate your presentation, RealSlideshow automatically creates a HyperText Markup Language (HTML) file for you. Your entries in the fields on this screen are used to create Meta tags.
 

Meta Tags Generated by RealSlideshow
<html>
<head>
<meta name="title" content="A RealSlideshow Tutorial -- Classic Car">
<meta name="author" content="BayCon Group">
<meta name="copyright" content="Copyright © 2000 BayCon Group, Inc. All rights reserved.">
<meta name="keywords" content="realslideshow tutorial, realslideshow, realaudio, realvideo">
<meta name="description" content="Adding images, voice, and music are all covered by this step-by-step RealSlideshow tutorial. This tutorial teaches you how to create a RealSlideshow and explains all of the RealSlideshow features.">
<meta name="robots" content="none">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>A RealSlideshow Tutorial -- Classic Car</title>
</head>

Background Music Tab

Backgroound Music Tab -- Streaming Audio

You can add Background Music to your presentation. To record from a CD, insert the CD into your computer, select the track you want, and then click on the Start Recording button. If you have a pre-recorded .wav or .mp3 file you want to use, click on the Browse button to locate the file. You can listen to any audio file that displays in the Select an Audio File field. Click on Play to play an audio file. Click on Stop to stop playing an audio file. 

You can associate each image with a voice clip. Background music, however, works differently: you can associate only one music track with a presentation. 

Size Tab

Size Tab -- Streaming Video

Entries on the Size tab determine the size of the window when your RealSlideshow displays in RealPlayer. The recommended size is 320x240 pixels; however, you can change the window size by clicking on the Custom radio button and entering the width and height you desire in the Width and Height fields.

Advanced Tab

Advanced Tab - Streaming Audio and Video

On the Advanced tab, you can select a bandwidth based on your target audience. For the purposes of this tutorial, select 28.8k and 56k SureStream, which is recommended and is the best choice for Internet transmissions. 

Re-creating the Classic Car RealSlideshow - Step 3

In this exercise you are going to complete the Project Properties dialog box and add a music track.

  1. Click on the Project Properties button in the RealSlideshow window.
  2. Select the Info tab and enter the following:
Title: A RealSlideshow Tutorial -- Classic Car
Author: BayCon Group
Copyright: Copyright © 2000 BayCon Group, Inc All Rights Reserved.
Keywords: realslideshow tutorial, realslideshow, realaudio, realvideo
Description: Adding images, voice, and music are all covered by this step-by-step RealSlideshow tutorial. This tutorial teaches you how to create a RealSlideshow and explains all of the RealSlideshow features.
Audience: General - All Ages
File Should be Indexed by Search Engines: Yes
Select the Background Music tab.
  1. In the Select an Audio File Field, browse to select engine.wav. This track plays while the title screen displays.
  2. Click on OK to close the dialog box.


Generate, Play, and Send

Generate

You have completed the creation of your RealSlideshow and you are ready to generate it for the final time. Generating a file is easy. Simply click on Generate or choose Generate from the Presentation menu to open the Choose a Place to Save Your Generated File dialog box. Enter a file name and click on Save. The file will be given a .smil extension. Generating creates the files shown in the following table: 
 

File Type File Extension Description
HyperText Markup Language (HTML) .htm An HTML file containing a link that will start your presentation.
Synchronized Multimedia Integration Language (SMIL) .smil Controls the layout of your presentation in RealPlayer.
RealMedia  .rm Contains your music and voice track.
Metafile .ram A pointer file used by a RealServer to launch your presentation.
RealText .rt An encoded file used to display the text at the beginning of your presentation.
RealPix .rp An encoded file used to stream your images.
JPEG, BMP, PNG, GIF .jpg, .bmp, .png, .gif The images used during your RealSlideshow presentation

Play

To view your RealSlideshow presentation after it is generated, click on Play in the RealSlideshow window, or choose Play from the Presentation menu. After you view it, make changes until you are satisfied with your presentation. 

Send

When you are satisfied with your presentation, click on Send in the RealSlideshow window. You will be prompted step-by-step through the process of publishing your presentation on the Web. 

Re-creating the Classic Car RealSlideshow - Step 4

In this exercise you will generate and play your presentation.

  1. Click on Generate. The Choose a Place to Save Your Generated File dialog box will appear.
  2. Move to the directory in which you want to save your presentation.
  3. Enter a filename. The file will be given a .smil extension.
  4. Click on Save. The presentation will generate.
  5. The Slideshow Generation Complete dialog box will appear. Click on OK.
  6. Click on Play to view your RealSlideshow presentation.
  7. Click on Send to publish your RealSlideshow presentation to a RealServer. If your Web hosting service does not have a Real Server, click here for instructions on how to publish your presentation.

Saving Your Project

To save your presentation so that you can modify it later: 

  1. Choose File > Save Project As from the menu. The Save RealSlideshow Project As dialog box will open.
  2. Move to the directory in which you want to save the file.
  3. Type a name in the File Name field. The file will be saved with an .rpj extension.
  4. Click on Save.
Later, when you want to reopen your file, choose Open from the File menu.

Publishing Your Slideshow When Your Web Host Does Not Have a RealServer

When you click Send, RealSlideshow prompts you through the process of sending your Slideshow to a RealServer. But, what if your Web-hosting service does not have a RealServer? You can still add a slide show to your site; however, you must create a link to the .ram file and manually modify some of the generated files so they point to the correct location. The following steps take you through the process:

  1. In your HTML file, create a link to the .ram file:
<a ref = �yourfilename.ram�> link text here </a >
  1. Open the .ram file in a text editor such as Notepad. Edit the .ram file so the file points to the directory in which you will store your SMIL file. 
http://www.yourdomainname.extension/directory/filename.smil
Original File file file:c:\website\car.smil
ModifiedFile  http://www.baycongroup.com/car.smil
  1. Upload the SMIL, RAM, RM, RP, RT, and image files (JPG, BMP, GIF, and PNG) generated by RealSlideshow. When you generate your presentation, RealSlideshow creates a set of image files. RealSlideshow uses the following naming convention when creating those files:
generatedfilename-nameyougavethefile.extension
e.g. If the original file name is sideview.jpg and the generated file is named "car," RealSlideshow creates a file named "car-sideview.jpg."
Table of Contents

Legal Dot Privacy