In our last lesson, we learned about the
HTML code required to display an image:
Remember that the SRC option always specifies the name or location of the image file, which can be a relative or exact URL address. In the example above, the image file would need to be located in the same directory as the HTML page.
Video can add exciting dimensions to your Web pages. In this lesson, we will learn about the code required to display a Quicktime video on the World Wide Web. You should remember from your Media Production class that in streaming Quicktime, the data is being displayed in real time as it arrives at the QuickTime plug-in, and requires special software to be installed on the server. This is known as Real-Time Streaming Protocol (RTSP), and there is another version is known as Real-Time Transport Protocol (RTP). In this lesson, rather than using real-time streaming, we are simply using HTTP, and no special server software is required.
You must have the Apple QuickTime plug-in installed in your browser. If you do not, then click here and download it from Apple's site. Next, go to your web browser and make sure that the QuickTime plug-in is active. For the assignment, use a text editor such as Microsoft Word or Notepad as was demonstrated in class.
The basic command for placing any QuickTime
movie into a web page is embed.
Replace "your_movie.mov" with the real name of your movie, and change the values for height and width to match its dimensions. These dimensions are in pixels. If you've forgotten the dimensions of your movie, open it in your Quicktime Player and select 'show movie info' under 'Window'.
ADDING A CONTROLLER
When you specify the exact height and width of the movie, no controller is visible:
To display the QuickTime controller on your movie, you have to add 16 pixels to the HEIGHT attribute:
The QuickTime embed
command has more attributes than just setting the height and width:
CONTROLLER is an optional attribute that sets the visibility of the movie controller. The values for this parameter are true and false. If you do not specify and just add 16 pixels to the height, the default value is true, and the controller is visible.
is another optional attribute. Acceptable values for this parameter
true and false.
When Autoplay is set to true, the movie will begin playing automatically
soon as the QuickTime Plug-In estimates that it will be able to play the
entire movie without waiting for additional data.. If you do not specify
the parameter, the default value is false.
user may also specifiy settings in their Quicktime plug-in settings.
either true, falseorpalindrome.
By default, loop is set to false.
When set to true, the loop
attribute makes the movie play continuously. Setting loop
palindrome causes the movie to play
alternately forwards and backwards.
specified will allow the browser to cache movies. If the movie is in cache
when the user returns to the page, the movie will be played from cache
instead of downloading again. CACHE can
either be true or false,
or simply cache, which implies true.
A reason for setting cache to false
would be to prevent individuals from saving a movie for use off-line.
Quicktime for Web Delivery on Apple's site will give you a complete
list of attributes to experiment with.
On this server is a short test movie named "testme.mov". Try typing some code in the HTML lab to call it up and display it with the various attributes discussed. This movie width is 160 and the height 120.
i.e. - <embed src="testme.mov"..........>
1. Do the quizz in this section. It is worth 2 marks.
2. Prepare your project site for a Quicktime movie. The movie must start automatically and have a visible controller. It should be positioned on a page in a way that is consitent with your overall design. This is worth 3 marks.
Upload your Quicktime movie you produced in media production to your file area on the server. Just as you needed to FTP or HTTP both the HTML file and the image file to your web directory in the last lesson, you will have to upload your Quicktime movie along with your HTML file. Watch the link to your movie to ensure that it is relative!
Michael Shaw, 2001