|
Building Web Pages From Ground Zero
By Professor Nibble ã Nibble University 2000-2007 |
|
|
HyperJump to
Sound, Video, Creating A Marquee, Assignments
Lesson 13 - NON-SUPPORTED FILES, SOUND, VIDEO, ETC. |
|
|
|
| TOP |
With some browsers it is possible to load files other than GIF and JPEG graphics files. However, you must have some kind of helper application on your computer. This is what happens. You provide a link to the file, such as: <A HREF="image.tif">Tiff Image</A> When you click on the Tiff image link a program that is capable of viewing Tiff images will load so you can see the graphic. This program loads independently from your browser. If you don't have an application capable of viewing the Tiff file, you will not be able to see the graphic. This same principle applies to video, sound, file such as a Word document, and executable files. Personally, I've not used this feature. However, I did try out a Tiff graphic and a Word97 document and in the first case Corel Draw loaded the Tiff file and in the second, a Word document was loaded directly into Microsoft Word. You might get asked to Save the file or to Load it. If you choose to load it your computer will search for an appropriate application. If it cannot find one, you will not be able to view the file. |
| TOP |
You may either add sound to your web page as an external file or as background. To add sound that must be run by an application program installed on your computer, use the same method as described above for Non Supported Files. It could look like this: <A HREF="canyon.mid">Song</A> When you click on the link entitled Song, you will probably be given an option to save the file or open it. If you choose to open the file and you have an application program that plays MIDI files, the program will load and begin playing the file called canyon. You may also include a sound file that automatically plays when someone comes to your page. From the literature I have read, Netscape and Microsoft have different code to achieve this. My experiments with Netscape have been less than successful. I can't figure out why these two major browsers can't get their act together and standardize their features. It would make it much easier for us web site builders. So far, Microsoft Internet Explorer has handled both of these methods for putting sound in the background. As I said, my luck with Netscape has not been good. According to my sources, the following method works for Netscape, but it works for Internet Explorer 5 also. Place this code between your <BODY> </BODY> tags. <EMBED SRC="song.mid" autostart=true loop=true> When the visitor arrives at your page the MIDI file song.mid will automatically start playing and play over and over. If you replace the loop=true to loop=1 it would play one time. As far as I'm concerned, MIDI files are the best music files to use on a web page because of their small file compression size and the fact that thousands of them are available for free on the Internet. WAVE files are too large and would take much to long to load. MIDI files end with a .MID extension. WAVE files end with a .WAV extension. A drawback to MIDI files is that they are digitized instrumental sounds only. You do not get any digitized vocal as you can with WAVE or MP3 files. As the Internet evolves and bandwidth becomes broader (faster access), MP3 files may become feasible in the future. If your web site is obtimized for users of Internet Explorer, you may use the following code. Place it right after the initial <BODY> tag. <BGSOUND SRC ="song.mid" loop=infinite> You may replace the infinite setting to the number of times you want the song to play. Here are two examples of background MIDI music. The first one is designed for Internet Explorer. The second one is designed for Netscape Navigator. Which one works on your browser? Try them both. Neither one of them worked with my Netscape. External Example |
| TOP |
You add Video to your web pages just like you add sound. You can load your movie into an external application or play it within your browser. Again, how this works with Netscape is questionable. I couldn't get Netscape to cooperate at all. Take a look at the examples below. The required source code will be on the example page. For the Internet Explorer Video example, notice that I needed to start out with a static GIF file. You never see the boy.gif file. I think it is merely to establish a location on the page for the movie to play. I can adjust the size by adding width and height attributes to the static GIF file. |
| TOP |
For Microsoft Internet Explorer users, you can create a Marquee that moves across your screen. There are many attributes to use in order to achieve the desired results. Take a look at your options: The main tag is <MARQUEE> </MARQUEE> Here are the attributes you may use inside the initial MARQUEE tag:
I will let you play around with this feature. Here is an example page: MARQUEE |
| TOP |
Adjust |
| TOP |
Use |
| Table of Contents |