Multimedia
Multimedia
|
Introduction
|
In multimedia, you will learn how to provide the songs, video and picture (images) in your web page. How it will feel to you that whenever you open your web page it starts singing, playing movie, or display your family picture.
|
You can learn all of these things very easily. Just go on reading the Chapter and learn the Magic of the multimedia elements.
|
Working with Images
|
In this section you will learn about "how the images can be used in HTML".
|
1. How you can create a page with image as background.
|
2. How you can make a picture as a hyperlink to another file (any type of file).
|
How to Hyperlink an Image
|
To hyperlink an image first we have to insert the image on the web page. So question is how to insert the image on the web page. In html the image can be inserted using the <img> tag. <img> tag has the attributes like width, height and src, which specifies the height and width of the image that is to displayed on the web page and scr has the value of the path where the image is stored.
|
<img> tag does not have the end tag.
|
So now use the <img> tag.
|
Format of <img> tag :
|
<img src="path" width="number" height="number">
|
Example:
|
<img src="img\logo_in.gif" width="200" height="200"> Remember the file & path of the file you provided in the src attribute of the any tag should be correct and must exist.
|
The example inserts the image "logo_in.gif" with the height of 200 pixel and width of 200 pixel. By using this tag you can insert the image in your html file, now if you want to create this image the hyperlink then follow the steps.
|
How to make the image as Hyperlink
|
Format:
|
<a href="path_of_file" > <img src="path" width="number" height="number"></a>
|
Example:
|
<a href="list.html"><img src="img\logo_in.gif" width="200" height="200"></a>
|
To make an image as hyperlink just enter the <img> tag between the <a> anchor tag.
|
Working with the Video and Audio file Files
| |||||||||
Now you can make the web page containing the video file or whenever you open your page a moviestarts playing in it. All this can be done using the <bgsound>, <img> & <embed> tags. Only there are some extra attributes added for the playing the video files (movie).
| |||||||||
These attributes are:
| |||||||||
<bgsound> Tag
| |||||||||
This tag is used to insert only audio files on the page. This tag does not provides the control on the audio file.
| |||||||||
Format:
| |||||||||
<bgsound src="path of audio file" loop="positive integer">
| |||||||||
Attributes
| |||||||||
| |||||||||
So now lets do some practical.
| |||||||||
Just write/copy this example on any text editor new file and save the file and open in the browser and see how it looks.
| |||||||||
Example:
| |||||||||
<html>
<body> <p> <b>starts on file open</b><br> <bgsound src="music/border.wav" loop="5"> <br> </body> </html> | |||||||||
<img> Tag
| |||||||||
<img> tag is used to insert the audio & Video files.
| |||||||||
Format:
| |||||||||
<img border="0" dynsrc="img\dog.mpg" start="fileopen" loop="0" width="134" height="138">
| |||||||||
This will add the video file to your page.
|
How to add the audio files to your page
| ||||||||||||||||||
If you want to add the audio file then just replace the name of the video file with the other audio file name.
| ||||||||||||||||||
Example:
| ||||||||||||||||||
<img border="0" dynsrc="img\border.wav" start="fileopen" loop="0" width="134" height="138">
| ||||||||||||||||||
| ||||||||||||||||||
Start
| ||||||||||||||||||
if you want that movie starts playing when page gets opened then use start="fileopen", if you want that it should open when mouse pointer moves over it then use start="mouseover".
| ||||||||||||||||||
Loop
| ||||||||||||||||||
If want to play the movie in repeating manner then use loop="infinite" or you can provide the value 0 to n.
| ||||||||||||||||||
if loop="0" then movie will play only one time.
| ||||||||||||||||||
Comments
Post a Comment