Streaming Audio and Video and Creating splash pages

Assignment due on Friday: Come to class
on Friday, March 12, with a short description
of the larger goal and focus of your next website.

1. Converting CD audio files into "wave" or "mp3" files

2. Sound recording using a microphone with Windows
Media Encoder

Testing sound file
Record sounds from a microphone or CD
using Windows Media Encoder
When you are recording sounds, make sure you
configure the "Device options" to the source
you want to record from.
You can record from "aux", "CD player",
"line-in", or "microphone".
You can make short recordings right off of
a CD in your computer by selecting the
"microphone" as your record source.

30 second "Let it Be" sound Bite

10 second "Let it Be" sound Bite

60 second "Ryan Cox" Piano

60 second "Ryan Cox" Piano

20 second "Jazz" sound Bite
When you are recording music here, you are actually
recording music off of your microphone. So try
to reduce feedback if you want the sound file to
be clear on the web.
Record simple voice recordings at lower resolution
than complex musical recording.

3. Example of code to add background sound to a
webpage on opening that page:

<bgsound src="jazz.wma" loop="1" >
Put this code near the top of the Body tag <body>
See the code for this on this webpage (View source)
Be careful adding background music when the
page first opens. It can be annoying to hear
this music every time you open the page.

3. The Place of Audio files in websites.

4. Putting video files on a webpage

2. Streaming Video Players for the Web

5. Quick Time Movies on the Web

6. Using Dreamweaver to Insert Movies
onto a webpage (See class handouts for
information about settings).

In Dreamweaver, select "Insert" and select
"Media" and then select "plug-in."
Remember to set the parameters for your
movie by clicking the "parameters" and
then selecting how you want your movie to
run.
In some cases, you will need to select the
name of the plug-in that the computer will
need to run the movie. For example,
the plug-in for Quick Time movies is "Quick Time".
See the handout for a list of parameters to
set for running video on a webpage

Autostart=false
controller=true
width=180
height=140
Loop=false
pluginspage="http://www.cnn.com/SHOWBIZ/Movies/
bat_forever/Batman.mov"
Dark Blue Trailer
Link to The Matrix Reloaded Movie Trailer
Example of a file on my website that contains
and runs The Matrix Reloaded Trailer
See wmovies.htm for example of Running Movies

Here is the code for inserting these movies into a
webpage:

Forever Trailer 1 (488KB)</a>



<embed src="http://www.cnn.com/SHOWBIZ/Movies/bat_forever/Batman.mov"

autoplay=false controller=true width=180 height=140

pluginspage="http://www.cnn.com/SHOWBIZ/Movies/bat_forever/Batman.mov"

name="Quick Time" border="1" onLoad="MM_checkPlugin('QuickTime Plug-In'

,'http://www.cnn.com/SHOWBIZ/Movies/bat_forever/

Batman.mov','http://www.cnn.com/SHOWBIZ/Movies/bat_forever/Batman.mov',true);

return document.MM_returnValue"

onDblClick="play"> </embed>- Batman Forever Trailer 1 (488KB)
Code for Wmovies example

6. Putting it all together: Movies, Sound, and
image rollovers

Incubus.com
This is a complex site that uses mouseovers and
rollovers to play movies, sound, and animated gif files.
They used Flash to create and run this site.
This site is just too complicated to used javascript
and simple mouseover tricks. It used Flash to
make all these features work seamlessly together.