![Page 1: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/1.jpg)
Image Sequences
John H. Krantz
Hanover College
![Page 2: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/2.jpg)
Outline
SlideshowsWhy
Presenting Using Redirects
Video (if interested)Background
Delivering in a Webpage
![Page 3: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/3.jpg)
Why Slideshows
Example 1
Indicate sequence of events
Carries sense of change
From Billy – sense of momentum in photo
Original Loftus Eye Witness testimony was done this way
How?One easy way – use redirects
![Page 4: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/4.jpg)
Here is an example
Avi is ~5 meg uncompressed, a t 161 kb compressed but louse image quality images are ~35 kb each
![Page 5: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/5.jpg)
Previous Student Slideshows
Here are the work of previous students
![Page 6: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/6.jpg)
Code for redirect
<html><head><title>Image Sequence</title><META HTTP-EQUIV="refresh" CONTENT="3;
URL=page01.html">Number is number of seconds before redirect
</head><body><p>This will change in 3 seconds, about</p><p align = "center"><img border="0" src="Bobby0000.jpg" width="512"
height="384"></p></body></html>
![Page 7: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/7.jpg)
Make A slide show
Edit in Text editorJust edit new page for link
Change image shown
Use Save as
Remove meta tag for last image
![Page 8: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/8.jpg)
Motion Reproduction
Frame rates of monitors far exceed what is needed for movement update
NTSC video: 30 updates per second
Movies: 24 updates per second
Most web video 10 to 15 frames/sec
![Page 9: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/9.jpg)
Computer Video
Most Update rates are 10-15 frames/sec
5 fps 10 fps 15 fps
Probably not enough for speech and subtle facialexpressions.
![Page 10: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/10.jpg)
Flicker
Critical threshold of flicker rates is about 60 Hz in the fovea
But gets higher for larger stimuli
Recommended flicker rates between 66 Hz and 120 Hz (Bridgeman, 1998)Most monitors are adequate in this valueNotice difference between flicker and frame update rate. Wagon wheel effect.
![Page 11: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/11.jpg)
Stimulus Duration
Pixels are not on continuously during a frame
In part this is necessary for clean motion
Typical CRT phosphors last about 4 msec. (Bridgeman, 1998)
On LCD and other technologies, persistence is longer
Makes motion less clean but flicker less noticeable
![Page 12: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/12.jpg)
Differences in Persistence
Fast motion will be less clean on an LCD screen
![Page 13: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/13.jpg)
General Video Issues
Image sizeKeep it small
320 x 240 is not uncommon
Image color depthNormally full color
Video LengthThe shorter the better
This file is ~ 5.5 meg in QuickTime and it is 17 seconds
![Page 14: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/14.jpg)
General Video Issues
Frame rate: recall difference between apparent motion and flicker
10 to 15 is really fine for most cases
And best you can expect on web
![Page 15: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/15.jpg)
Acquiring with a Digital Camera
Find format of your video camera mine is QuickTime
Can use digital zoomoriginal camera images are much larger than movie images so will be shrunk down
And digital zoom is before movie image
![Page 16: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/16.jpg)
Acquiring with a Digital Camera
Hold camera still or not?Movies are limited in duration
mine is 30 sec or size of disk for 320x240
It is 120 sec if 160x120
Image quality is reasonably good if presented in original sizeBut image quality may be reduced to get on web
![Page 17: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/17.jpg)
Editing with QuickTime Pro
Open more than one
BasicsOpens MOV, mpg, avi, mp3, etc.
Get Movie Information on Movie Menu (ctrl-j in Windows)
Tracks: separate slices of information: played at same time as other tracks
Look under the Edit menu
![Page 18: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/18.jpg)
QuickTime Pro Interface
Playback head
In markerOut marker
Selected region
![Page 19: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/19.jpg)
Basic Editing
Selecting a region to editUse guides at bottom
Called In and Out Markers
Selected region is darkened
Arrow keys to fine tune
Cut and Paste operationPaste is at playback head
![Page 20: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/20.jpg)
Adding Tracks
Copy as beforeUse Edit: Add – adds the video track
Use Edit: Extract TracksThen Edit: Add
Can extract sound this way to a movie
Can add scaled so new track is not length of old movie
![Page 21: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/21.jpg)
Deleting Tracks
Use Edit: Delete Tracks
Remove any unwanted sound from video
![Page 22: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/22.jpg)
More Advanced Editing with QuickTime Pro
Adding text to beginningMake any graphic
Resize to movie size so know how it will look
Select al (ctrl-A)
Then cut and paste to beginning
Another paste for each additional frame
![Page 23: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/23.jpg)
More Advanced Editing with QuickTime Pro
Overlaying TextUse a gif file with a transparent background
Use a text fileFile: Import
Any .txt
Press Option button– Select keyed text
– Change background to white and foreground to text color
– I like changing it to bold
Add tracks as before
![Page 24: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/24.jpg)
More Advanced Editing with QuickTime Pro
Filtering portions of movieDelete regions do not want to filter
Use the export function
Click on Options
Click on Filter
Pick pattern
Use cut and paste to reassemble
![Page 25: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/25.jpg)
Saving for Web
Format:You must compress
Uncompressed files will be very large
Lead very slow download
DurationFor same reason, keep videos short
![Page 26: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/26.jpg)
To Stream or Not to Stream
SteamingStarts sooner
Can be large files
Can stop
Relatively lower quality and quality depends on connection
General Protocol RTP/RTSP
Regular DeliveryWait for entire file
Keep to small files
Keeps Speed
Relatively better quality, but quality depends upon monitor and format
![Page 27: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/27.jpg)
Streaming vs. HTTP Fast Start
HTTP Fast Start is a feature of QuickTime
Allows playing after part of file downloaded
Fewer stops
No special software
Still keep files relatively small
Some loss of image quality
![Page 28: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/28.jpg)
Embedding a QuickTime Movie in a Web Page<p align="center"> <OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-
D3488ABDDC6B" WIDTH="480" HEIGHT="376“CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"><PARAM NAME="src" VALUE="start.mov"> <PARAM NAME="controller" VALUE="false"> <PARAM NAME="target" VALUE="myself"> <PARAM NAME="href" VALUE=“clip.mov"> <EMBED WIDTH="480" HEIGHT="376" CONTROLLER="false"
TARGET="myself" HREF=“clip.mov" SRC="start.mov" BGCOLOR="FFFFFF" BORDER="0"
PLUGINSPAGE="http://www.apple.com/quicktime/download/indext.html">
</EMBED></OBJECT></p>Example: http://ati.fullerton.edu/jkrantz/session3/video/
![Page 29: Image Sequences John H. Krantz Hanover College. Outline Slideshows Why Presenting Using Redirects Video (if interested) Background Delivering in a Webpage](https://reader030.vdocuments.us/reader030/viewer/2022033105/56649d4f5503460f94a2ea43/html5/thumbnails/29.jpg)
Assignment
Have Fun!