Quicktime Examples


Note: all of the examples below require that
Quicktime version 3.0 or above
be installed on your computer.


What do these examples do?
The examples below show how Quicktime incorporated into web pages can

How can I use these examples in my own work?
Contact the Interactive Media Specialist, Michael E. Cohen, at UCLA's Humanities Computing Facility. He can show you how each example works and will help you adapt it to your specific instructional needs.

What is Quicktime?
Quicktime is Apple Computer's multimedia authoring and playback software, compatible with Windows 95-8, Windows NT, and the Macintosh OS. It provides the ability to play back various kinds media from within a variety of programs, including web browsers. Among the media types Quicktime can play are video, audio, still graphics, MIDI, and text.

Quicktime is included with the Macintosh OS; Windows users can obtain it as a free download from Apple's website. It is also distributed with a variety of commercial software products. As of this writing Quicktime is among the most widely used multimedia software products on both Macintosh and Windows platforms.


Quicktime Sound Examples


 These two examples show how how the Quicktime plug-in can play several sounds in several formats from the same web page. Two sound types are played back: Quicktime audio and .WAV. Quicktime is also able to play back Macintosh SND format, .AU, .AIFF, and a number of other types of audio.

In each example, the Quicktime sound is loaded into a separate frame on the page. By using frames in this manner, only the frame containing the Quicktime material need change when a new sound is played, leaving the rest of the information on the page untouched.


Example 1. This example plays sounds using the standard Quicktime controller (which lets the user pause, replay, and play selected portions of a sound). A controller is particularly useful for longer sounds.

In this example , a new HTML file is loaded into the frame containing the Quicktime sound as different sounds are chosen. This method requires a separate HTML file be stored on the web server for each sound that is to be played.

The example also demonstrates that Quicktime can allow a sound file to begin playing immediately upon being downloaded.


Example 2. This example plays sounds without showing the Quicktime controller. Hiding the controller is useful for very short sounds (e.g. individual words, a single bar of music).

This example also demonstrates that it is not necessary to have a separate HTML file for each sound. Instead, the frame containing the Quicktime sound is created by JavaScript when the user clicks on the link. While slightly more difficult to set up, using JavaScript takes up less space on the server and allows the web page designer to change the way the playback area looks for all sounds in a consistent fashion.

In this example, no sound will play until the user chooses to do so.

  Note that in both examples, the frame containing the Quicktime material must be visible in order for the sound to play. This is a limitation of the current version of the Quicktime plug-in.

Quicktime Video and Text Synchronization Example


Example 1. This page presents a Quicktime movie (a segment of Kurosawa's "Throne of Blood"), but, since the movie window is small, it is impossible to see the subtitles. The example creates a separate frame that presents the subtitles, and synchronizes the appearance of the subtitles to the movie. The page is divided into three frames: the top frame contains a description of the example, the frame at the bottom left contains the video, and the frame at the bottom right displays a caption.

This example uses a specialized invisible text track embedded inside the movie to send JavaScript commands to the browser, causing a new caption to appear in the caption frame. Using embedded JavaScript commands eliminates the need to have a separate HTML file stored on the web server for each caption, and allows the caption to appear more quickly on the page since it doesn't have to be downloaded from the web server while the video is playing.


 Quicktime Chapter List Example


Example 1. This page presents a Quicktime movie (from MGM's "A Night at the Opera") with a chapter list in its controller.

Although the normal Quicktime slide controller lets users move through a movie, it doesn't ordinarily provide much help finding specific places, such as the beginning of a scene or the start of a particular speech.

A "chapter list" provides a pop-up menu as part of the Quicktime controller that can move the slider to specific locations within a movie. This example has chapter entries for various lines and cuts in this short classic scene.


 Quicktime Text Track and Chapter List Example


Example 1. This page demonstrates a way to use sound, graphics, a text track, and a chapter list for teaching languages that require non-standard characters.

The Quicktime movie contains a sequence of text graphics synchronized to an audio excerpt from "Sir Gawain and the Green Knight" in Middle English. Graphics are used so that students don't have to install a special Middle English typeface to read the text. The bottom half of the frame contains a Modern English translation of the text; this material is not created or stored as graphics but as a Quicktime text track, which can be created with a simple word processor.

In addition, a chapter list has been added that contains entries for each line of the poetic excerpt, allowing the student to move to specific lines.