7 Chapter 7 – Video
Any YouTube fan can attest to the explosion of digital video on the web and how it has revolutionized communication—be it for education, product information, or just sharing personal experiences.
Most digital cameras today can record standard-definition (SD) and high-definition (HD) videos (Table 7-1). Camera types range from cell phones to point-and-shoot, advanced amateur, and single-lens reflex (DSLR) cameras, along with amateur pocket video cams and shoulder-mounted professional models. Higher-level cameras offer more professional features, such as more control over camera settings and stereo recording from an external microphone.
| Format | Resolution (pixels) | Suggested Use |
|---|---|---|
| Standard Definition (SD) | 640 x 480 | iPad, locations where space is limited |
| High Definition (HD 720) | 1280 x 720 | small-screen TVs and standard video window on laptops |
| High Definition (HD 1080) | 1920 x 1080 | large-screen TVs and full-screen on large monitors |
Since digital video consists of a series of bitmapped images, file size limits their length and quality. A video is like a series of Photoshop images at 24–30 per second. If the length and width of the frame are doubled, then the file size quadruples. File size is a major consideration in the length and quality level of the video.
File format is another important consideration (Table 7-2). Choose a format depending upon whether your movie will be played on a Windows, Apple, or tablet computer.
| Format | File extension | Use |
|---|---|---|
| Apple QuickTime | .mov | MacOS and iOS devices |
| MP4 | .m4v, mp4 | MacOS, iOS, and Windows |
| Windows Movie Player | .wmv | Windows computers Apple computers with plugin |
Video Programs
A video editing program enables you to edit your video by doing such things as:
- deleting scenes that you don’t want
- splicing scenes you do want into a continuous sequence
- adding transitions between scenes
- adding titles
- creating special effects, such as time-lapse
- deleting sound and adding a voiceover (narration)
Video Tags
When coding in HTML5 the <video> tag can be used to insert a video. As with images, the height and width can be specified, along with whether the user has controls (start, pause, stop).
Example:
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> </video>
Apple iMovie
iMovie is an easy-to-use program for basic video editing, provides an appropriate example of a video editing program for a one-semester course in web design.
Opening a Movie
- Transfer your unedited movie from your camera to your computer.
- Open iMovie and select one of the readymade themes (or No Theme).
- Select Import Media and open your unedited movie, which will come into the Clips window.
- In iMovie, select the entire clip and move to the editing window.
Deleting Unwanted Footage
- In the editing window, place the play head where you want to cut the clip. Placing a marker (M) is a convenient way to evalua