Your SlideShare is downloading. ×
0
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Download Powerpoint presentation file
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Download Powerpoint presentation file

397

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
397
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Adding Video to Your Website Tom Seago <toms@usc.edu> Advanced Desktop Technologies Team
  • 2. Today’s Overview
    • Why ? What ?
    • How ?
    • The goal for today is that you leave here with enough knowledge to add Video to your existing website.
  • 3.  
  • 4.
    • Only one reason . . .
    Why Add Video? 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.  
  • 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 it’s 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 RealPlayer Web Browser Web Server RealServer Request for meta file pnm meta file pnm meta file Request for stream Stream
  • 17. Pseudo-Streaming RealPlayer Web Browser Web Server Request for meta file http meta file http meta file Request for media file media file
  • 18.  
  • 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 it’s 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 URL’s
      • 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 URL’s
      • 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.  
  • 31. Questions?

×