What are the elements of multimedia?

Answered

Tell me the elements for image and multimedia and also its attributes with some description.

usman Asked on September 8, 2017 in Programming.
Add Comment
1 Answer(s)
Best answer

Elements for Image and Multimedia and Its Attributes:

1) <audio> element:-
<audio> element represents sounds of music and other audio file. There are basically 3 supported audio file formats (e.g. mp3, wav, ogg).

Some browsers support these all three file formats (e.g. chrome, firefox and opera) but other browsers support some file formats (e.g. internet explorer support only mp3 format and safari support mp3 and wav formats).
Attributes:-

There are following attributes of the <audio> element with its description:

autoplay:      Represents the audio will start as quickly it is ready.

controls:       Represents the display for audio controls (e.g. play or pause button).

muted:          Represents the muted audio.

loop:              Represents the audio will start again when every time it is complete.

preload:        Represents the audio should be loaded with the page loads.

src:                 Represent the URL of the audio file.
Example:


<audio controls>

<source src="Muskurane.mp3" type="audio/mpeg">

</audio>



2) <video> element:-

<video> element represents sounds of music and other video file. There are basically 3 supported audio file formats (e.g. mp4, wav, ogg).

Some browsers support these all three file formats (e.g. chrome, firefox and opera) but other browsers support some file formats (e.g. internet explorer and safari support only mp4 file format).
Attributes:-

There are following attributes of the <video> element with its description:

autoplay:      Represents the video will start as quickly it is ready.

controls:       Represents the display for video controls (e.g. play or pause button).

muted:          Represents the muted audio of the video.

loop:              Represents the video will start again when every time it is complete.

preload:        Represents the video should be loaded with the page loads.

src:                 Represents the URL of the video file.

height:          Represents to sets the height of the video player.

width:           Represents to sets the width of the video player.

poster:          Represents an image to be shown while the video is downloading.
Example:

 


<video width="1280" height="780" controls>
<source src=" Kaise btaey.mp4" type="video/mp4">
</video>



3) <track> element:-

<track> element represents text track for <audio> and <video> elements. It is used to identify subtitles for video and other video or audio files enclosing text that should be visible when the audio or video is playing.
Attributes:-

There are following attributes of the <track> element with its description:

src:                 Represents the URL of the track file.

default:         Represents the default track is to be enabled if the user not mentioned the another track.

label:             Represents the title of the track file.

kind:              Represents the kind of the track file (e.g. kind=”subtitles”).

srclang:         Represents the required language of the track file, if kind=”subtitles”.
Example:

 


<video width="1280" height="780" controls>

<source src=" Kaise btaey.mp4" type="audio/mpeg">

<track src="english.vtt" srclang="en" kind="subtitles" label="English">
</video>



4) <map> and <area> elements:-

<area> element used inside an <map> element to represents a specific area with clickable. <area> elements are always nested inside an <map> element.

And <map> element represents a clickable image on client-side. The essential name attribute of the <map> element is linked with the usemap attribute of the <img> element and creates a link (or relationship) between the map and the image.
Attributes of the <map> element:-

There are only one attribute of the <map> element with its description:

name:            Represents the required name of an clickable image.

Attributes of the <area> element:-

There are following attributes of the <area> element with its description:

alt:                  Represents the text for the area when the href attribute is not present.

href:               Represents the hyperlink spot for the area.

coords:          Represents the coordinates of the area.

download:   Represents the spot will be downloading if the user clicks on the hyperlink.

hreflang:      Represents the language of the URL.

media:           Represents the URL is optimized for what media will be used.

rel:     Represents the relationship between the URL and the current document.
target:           Represents where to open the URL (e.g. _blank, _parent etc.)

shape:           Represents the shape of the area.

type:  Represents the media type of the URL.
Example:


<img src="house.png" width="200" height="150" alt="house" usemap="#housemap">

<map name="housemap">

<area shape="rect" coords="0, 40, 150" href="umarhouse.htm" alt="umarhouse">

<area shape="rect" coords="85, 40, 7" href="qasimhouse.htm" alt="qasimhouse">

</map>

umar Answered on September 8, 2017.
Add Comment

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.