Adding Video

1

• Adding Video

• to Your Website

Tom Seago lttoms_at_usc.edugt Advanced Desktop
Technologies Team
2
Todays Overview

• Why ? What ?
• How ?
• The goal for today is that you leave here with
  enough knowledge to add Video to your existing
  website.

3
(No Transcript)
4
Why Add Video?

• Only one reason . . .

MOTION!
5
Why Motion?

• Visual information / learning
• Sense of being there
• Create a mood
• Excite the viewer!
• Hold interest

6
Types of Use

• Video Programs
• Distance Learning
• Archives

Examples Page
7
(No Transcript)
8
What is the Technology?

• Digitizing
• Compressing
• Streaming

9
Digitizing

• Regular video is an analog signal
• Computers use digital data
• Use a digitizing or capture card to convert
  the signal into data
• Just like digitizing audio
• Except its video )

10
Compression

• Uncompressed video is approximately
• 640 x 480 resolution
• 24 bit color
• 7,372,800 bits per frame
• 30 frames per second
• 210.9375 Megabits per second!

11
Compression

• Uncompressed video is approximately
• 210.9375 Megabits per second!
• MPEG-2 is highest quality compression
• About 15 Mbps for broadcast quality
• AVI QuickTime are common formats
• Typically about 500 Kbps or more
• RealMedia designed for network speeds
• Typically 19 Kbps up to 200 Kbps
• ( Compression of 10,800 times at 20 Kbps )

12
Compression

• Occurs while digitizing and when preparing clips
  for streaming
• Reducing the quality reduces the amount of
  information that must be compressed
• 320x240, 24 bit, 15fps 26.37 Mbps
• Want to recompress as few as times as possible

13
Streaming

• Data is played back as it arrives
• Non streamed clips must download completely
  before playing back
• The Analogy
• Streaming is like watching television
• Non-Streaming is like renting a movie

14
Streaming is Good

• Faster time to initial start of playback
• Almost no storage space is needed on client
  computer
• Random access to stream
• Capability to send live streams

15
Streaming is bad

• Generally lower quality
• Can be more susceptible to the quality of the
  network connection
• Requires more time to encode to get the best
  quality
• Requires a special server to get all the benefits
  of streaming video

16
True Streaming
Request for meta file
Web Server
Web Browser
pnm meta file
pnmmetafile
Request for stream
RealPlayer
RealServer
Stream
17
Pseudo-Streaming
Request for meta file
Web Server
Web Browser
http meta file
httpmetafile
Request for media file
RealPlayer
media file
18
(No Transcript)
19
How Does One Do All This?

• Step 1 - Capture/Digitize the Video
• Step 2 - Encode/Compress it
• Step 3 - Publish it on the web

20
Step 1a - Capture the Video- The Hardware -

• First - Video capture card
• Recommend Osprey 100 or 1000
• Miro DC30 is a poor choice for most users
• Second - Enough disk space
• Recommend 4 GB drive
• Third - The Computer
• As fast as possible
• 200 MHz Processor

21
Step 1b - Capture the Video- The Software -

• Only basic functionality is needed
• Most bundled software is fine
• Use Adobe Premiere if more capabilities are
  needed
• Can capture directly into the RealEncoder

22
Step 2 - Encode the video

• Must make the Stream vs. Non-Stream decision
• Non-Stream
• QuickTime vs. AVI
• QuickTime is more universal
• Use Premiere if its necessary to re-encode the
  clip

23
Step 2 - Encode the Video

• Streaming Video
• RealMedia is recommended solution
• Use RealEncoder to encode
• http//www.real.com/encoder/realencoder.html
• One or multiple versions?
• Use Premiere to prepare clips as necessary

24
Step 3 - Publish to the Web

• Non-Streaming
• Almost identical to publishing any other document
• QuickTime clips can be embedded
• More QuickTime info at
• http//www.apple.com/quicktime

25
Step 3 - Publish to the Web

• Pseudo-Streaming
• Access to RealServer not required
• Move clips to web directory
• Create meta-files using http URLs
• Embed or link to meta-files

26
Step 3 - Publish to the Web

• True Streaming
• Requires access to RealServer
• Move files to content directory
• Create meta-files using pnm URLs
• Embed or link to meta-files

27
CWIS Issues

• RealServer is only available on CWIS
• Open to any CWIS user/dept
• Fill out agreement form
• http//www.usc.edu/uscweb/authoring/RealMedia
• Agree to 200 MB limit
• Agree to not hog streams
• HTTP Pseudo-streaming available from any web
  server

28
How to Get Setup

• HTTP Pseudo Stream has no setup!
• Create content directory
• Turn in agreement form
• Link is created to your directory
• Start streaming!

29

• Use video on your website ...

not because it is hard ...
but because it is easy!
30
(No Transcript)
31
Questions?