Download Powerpoint presentation file

490 views
431 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
490
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Download Powerpoint presentation file

  1. 1. Adding Video to Your Website Tom Seago <toms@usc.edu> Advanced Desktop Technologies Team
  2. 2. Today’s Overview <ul><li>Why ? What ? </li></ul><ul><li>How ? </li></ul><ul><li>The goal for today is that you leave here with enough knowledge to add Video to your existing website. </li></ul>
  3. 4. <ul><li>Only one reason . . . </li></ul>Why Add Video? MOTION!
  4. 5. Why Motion? <ul><li>Visual information / learning </li></ul><ul><li>Sense of “being there” </li></ul><ul><li>Create a mood </li></ul><ul><li>Excite the viewer! </li></ul><ul><li>Hold interest </li></ul>
  5. 6. Types of Use <ul><li>Video Programs </li></ul><ul><li>Distance Learning </li></ul><ul><li>Archives </li></ul>Examples Page
  6. 8. What is the Technology? <ul><li>Digitizing </li></ul><ul><li>Compressing </li></ul><ul><li>Streaming </li></ul>
  7. 9. Digitizing <ul><li>“Regular” video is an analog signal </li></ul><ul><li>Computers use digital data </li></ul><ul><li>Use a ‘digitizing’ or ‘capture’ card to convert the signal into data </li></ul><ul><li>Just like digitizing audio </li></ul><ul><li>Except it’s video :) </li></ul>
  8. 10. Compression <ul><ul><li>Uncompressed video is approximately: </li></ul></ul><ul><ul><ul><li>640 x 480 resolution </li></ul></ul></ul><ul><ul><ul><li>24 bit color </li></ul></ul></ul><ul><ul><ul><li>7,372,800 bits per frame </li></ul></ul></ul><ul><ul><ul><li>30 frames per second </li></ul></ul></ul><ul><ul><ul><li>210.9375 Megabits per second! </li></ul></ul></ul>
  9. 11. Compression <ul><ul><li>Uncompressed video is approximately: </li></ul></ul><ul><ul><ul><li>210.9375 Megabits per second! </li></ul></ul></ul><ul><ul><li>MPEG-2 is highest quality compression </li></ul></ul><ul><ul><ul><li>About 15 Mbps for broadcast quality </li></ul></ul></ul><ul><ul><li>AVI & QuickTime are common formats </li></ul></ul><ul><ul><ul><li>Typically about 500 Kbps or more </li></ul></ul></ul><ul><ul><li>RealMedia designed for network speeds </li></ul></ul><ul><ul><ul><li>Typically 19 Kbps up to 200 Kbps </li></ul></ul></ul><ul><li>( Compression of 10,800 times at 20 Kbps ) </li></ul>
  10. 12. Compression <ul><li>Occurs while digitizing and when preparing clips for streaming </li></ul><ul><li>Reducing the quality reduces the amount of information that must be compressed </li></ul><ul><ul><li>320x240, 24 bit, 15fps = 26.37 Mbps </li></ul></ul><ul><li>Want to recompress as few as times as possible </li></ul>
  11. 13. Streaming <ul><li>Data is played back as it arrives </li></ul><ul><li>Non streamed clips must download completely before playing back </li></ul><ul><li>The Analogy … </li></ul><ul><ul><li>Streaming is like watching television </li></ul></ul><ul><ul><li>Non-Streaming is like renting a movie </li></ul></ul>
  12. 14. Streaming is Good <ul><li>Faster time to initial start of playback </li></ul><ul><li>Almost no storage space is needed on client computer </li></ul><ul><li>Random access to stream </li></ul><ul><li>Capability to send live streams </li></ul>
  13. 15. Streaming is bad <ul><li>Generally lower quality </li></ul><ul><li>Can be more susceptible to the quality of the network connection </li></ul><ul><li>Requires more time to encode to get the best quality </li></ul><ul><li>Requires a special server to get all the benefits of streaming video </li></ul>
  14. 16. True Streaming RealPlayer Web Browser Web Server RealServer Request for meta file pnm meta file pnm meta file Request for stream Stream
  15. 17. Pseudo-Streaming RealPlayer Web Browser Web Server Request for meta file http meta file http meta file Request for media file media file
  16. 19. How Does One Do All This? <ul><li>Step 1 - Capture/Digitize the Video </li></ul><ul><li>Step 2 - Encode/Compress it </li></ul><ul><li>Step 3 - Publish it on the web </li></ul>
  17. 20. Step 1a - Capture the Video - The Hardware - <ul><li>First - Video capture card </li></ul><ul><ul><ul><li>Recommend Osprey 100 or 1000 </li></ul></ul></ul><ul><ul><ul><li>Miro DC30 is a poor choice for most users </li></ul></ul></ul><ul><li>Second - Enough disk space </li></ul><ul><ul><ul><li>Recommend 4+ GB drive </li></ul></ul></ul><ul><li>Third - The Computer </li></ul><ul><ul><ul><li>As fast as possible </li></ul></ul></ul><ul><ul><ul><li>200+ MHz Processor </li></ul></ul></ul>
  18. 21. Step 1b - Capture the Video - The Software - <ul><li>Only basic functionality is needed </li></ul><ul><li>Most bundled software is fine </li></ul><ul><li>Use Adobe Premiere if more capabilities are needed </li></ul><ul><li>Can capture directly into the RealEncoder </li></ul>
  19. 22. Step 2 - Encode the video <ul><li>Must make the Stream vs. Non-Stream decision </li></ul><ul><li>Non-Stream </li></ul><ul><ul><li>QuickTime vs. AVI </li></ul></ul><ul><ul><li>QuickTime is more universal </li></ul></ul><ul><ul><li>Use Premiere if it’s necessary to re-encode the clip </li></ul></ul>
  20. 23. Step 2 - Encode the Video <ul><li>Streaming Video </li></ul><ul><ul><li>RealMedia is recommended solution </li></ul></ul><ul><ul><li>Use RealEncoder to encode </li></ul></ul><ul><ul><ul><ul><li>http://www.real.com/encoder/realencoder.html </li></ul></ul></ul></ul><ul><ul><li>One or multiple versions? </li></ul></ul><ul><ul><li>Use Premiere to prepare clips as necessary </li></ul></ul>
  21. 24. Step 3 - Publish to the Web <ul><li>Non-Streaming </li></ul><ul><ul><li>Almost identical to publishing any other document </li></ul></ul><ul><ul><li>QuickTime clips can be embedded </li></ul></ul><ul><ul><li>More QuickTime info at </li></ul></ul><ul><ul><ul><li>http://www.apple.com/quicktime </li></ul></ul></ul>
  22. 25. Step 3 - Publish to the Web <ul><li>Pseudo-Streaming </li></ul><ul><ul><li>Access to RealServer not required </li></ul></ul><ul><ul><li>Move clips to web directory </li></ul></ul><ul><ul><li>Create meta-files using http URL’s </li></ul></ul><ul><ul><li>Embed or link to meta-files </li></ul></ul>
  23. 26. Step 3 - Publish to the Web <ul><li>True Streaming </li></ul><ul><ul><li>Requires access to RealServer </li></ul></ul><ul><ul><li>Move files to content directory </li></ul></ul><ul><ul><li>Create meta-files using pnm URL’s </li></ul></ul><ul><ul><li>Embed or link to meta-files </li></ul></ul>
  24. 27. CWIS Issues <ul><li>RealServer is only available on CWIS </li></ul><ul><li>Open to any CWIS user/dept </li></ul><ul><li>Fill out agreement form </li></ul><ul><ul><li>http://www.usc.edu/uscweb/authoring/RealMedia </li></ul></ul><ul><ul><li>Agree to 200 MB limit </li></ul></ul><ul><ul><li>Agree to not hog streams </li></ul></ul><ul><li>HTTP Pseudo-streaming available from any web server </li></ul>
  25. 28. How to Get Setup <ul><li>HTTP Pseudo Stream has no setup! </li></ul><ul><li>Create content directory </li></ul><ul><li>Turn in agreement form </li></ul><ul><li>Link is created to your directory </li></ul><ul><li>Start streaming! </li></ul>
  26. 29. Use video on your website ... … not because it is hard ... … but because it is easy!
  27. 31. Questions?

×