Click Here

Click Here

Click Here

What is Multimedia | Learn Multimedia with English Notes | Web Encyclopedia

What is Multimedia

•Multimedia means that computer information can be represented through audio, video, and animation in addition to traditional media (i.e., text, graphics drawings, images).

•A Multimedia Application is an Application which uses a collection of multiple media sources e.g. text, graphics, images, sound/audio, animation and/or video.

Uses of MM

• Education: In the area of education too, the multimedia has a great importance. Talking particularly about the schools, their usage has a significant role to play for children also. It is broadly used in the field of education and training. 

•Gaming Industry: One of the most exciting applications of multimedia is games. Nowadays the live internet is used to play gaming with multiple players has become popular.

•Science and Technology: Multimedia had a wide application in the field of science and technology. 

• Research: In the area of mathematical and scientific research, multimedia is primarily used for modelling and simulation.

•

Components of MM

1) Text: Text is the most common medium of representing the information. In multimedia, text is mostly use for titles, headlines, menu etc.

2) Audio: In multimedia audio means related with recording, playing etc. Audio is an important components of multimedia because this component increase the understandability and improves the clarity of the concept

3) Graphics: Every multimedia presentation is based on graphics. The used of graphics in multimedia makes the concept more effective and presentable.

4) Video: Video means moving pictures with sound. It is the best way to communicate with each other. In multimedia it is used to makes the information more presentable and it saves a large amount of time

5) Animation: In computer animation is used to make changes to the images so that the sequence of the images appears to be moving pictures. An animated sequence shows a number of frames per second to produce an effect of motion in the user's eye. 

Advantages

•It is flexible.

•It is a multi-sensory

•It can be seen in the entertainment industry

•It provides approaches which make learning more realistic.

•Gains and holds attention

•Provides high quality of presentations

•Easy to use

•Give information to individuals

•Reduces training cost

•Gains and holds attention

•

Disadvantages

•It takes time to compile. Even if it is flexible, it needs time with the original draft.

•Costly

•Time consuming

•Misuse and/or overuse

•Not always compatible

•Not always ready to configure

•Requires special hardware

•

Laws of MM

There are four major intellectual property laws in the United States that are important for multimedia developers:

•Copyright law, which protects original "works of authorship."

•Patent law, which protects new, useful, and "nonobvious" inventions and processes.

•Trademark law, which protects words, names, and symbols used by manufacturers and businesses to identify their goods and services.

•Trade secret law, which protects valuable information not generally known that has been kept secret by its owner.

•

Types of Images

1) Raster Image:

• Raster graphics are composed of pixels.

•A raster graphic, such as a gif or jpeg, is an array of pixels of various colors, which together form an image.

•Raster (or bitmap) images get blurry and pixelated.

•The resolution of the raster graphics is formed by millions of square pixels, dots per inch (DPI) or pixels per inch (PPI).

2) Vector Image:

vector graphics are composed of paths.

A vector graphic, such as an .eps file, is composed of paths, or lines, that are either straight or curved.

Vector images don’t lose their sharpness and clarity.

Vector graphics are made up of plenty of paths.

Compression Standards

1) JPEG: Joint Photographic Expert Group

•JPEG was proposed in 1991 as a compression standard for digital still images.

•JPEG compression is lossy , which means that some details may be lost when the image is restored from the compressed data. 

•An advantage to using the JPEG format is that due to compression, a JPEG image will take up a few MB of data.

2) MPEG: Moving Picture Expert Group

•It is a working group of experts that was formed in 1988 by ISO and IEC.

•It works on the standards for compression of digital movies.

•The MPEG standards actually consist of three main parts: video, audio, and systems.

•

•

Compression and Decompression

Data compression is a reduction in the number of bits needed to represent data. Compressing data can save storage capacity, speed up file transfer, and decrease costs for storage hardware and network bandwidth.

Decompression is the process of restoring compressed data to its original form. Data decompression is required in almost all cases of compressed data, including lossy and lossless compression.  Decompression is widely used in data communications, multimedia, audio, video and file transmissions.

Lossless Compression

•Lossless compression reduces a file's size with no loss of quality.

•If data have been losslessly compressed, the original data can be recovered exactly from the compressed data after a compress/expand cycle. 

•Text compression is a significant area for lossless compression.

•The Graphics Interchange File (GIF) is an image format used on the Web that provides lossless compression.

•

Lossy Compression

• Lossy compression is generally used for video and sound, where a certain amount of information loss will not be detected by most users.

•lossy compression removes data from the original file, the resulting file often takes up much less disk space than the original.

•JPEG and MP3 compression both remove data from the original file, which may be noticeable upon close examination.

Speech Recognization

•Speech recognition is the ability of a machine or program to identify words and phrases in spoken language and convert them to a machine-readable format.

•Speech recognition software has a limited vocabulary of words and phrases, and it may only identify these if they are spoken very clearly.

•Ability to recognize words spoken and convert them to text. 

Uses

•Helpful in typing with the help of speech.

•You can give instructions to system with input of voice.

•It can also be helpful to the people who have no sight.

DVI Technology

•Digital Visual Interface (DVI) is a video display interface developed by the Digital Display Working Group (DDWG). The digital interface is used to connect a video source, such as a video display controller, to a display device, such as a computer monitor.

Follow me for more information and articles about Web Designing.

Parallax Effect Code of HTML & CSS

Parallax Effect Code of HTML & CSS

Paste this code in HTML file

<html>
<head>
    <title>Parallax</title>
    <link href="parallax.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div class="a1">
        <p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br>  this is a paragraph, this is a paragraph, this is a paragraph,</p>
       
         <p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br>  this is a paragraph, this is a paragraph, this is a paragraph,</p>
         <p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br>  this is a paragraph, this is a paragraph, this is a paragraph,</p>
         <p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br>  this is a paragraph, this is a paragraph, this is a paragraph,</p>
             <p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br>  this is a paragraph, this is a paragraph, this is a paragraph,</p>
         <p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br>  this is a paragraph, this is a paragraph, this is a paragraph,</p>
         <p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br>  this is a paragraph, this is a paragraph, this is a paragraph,</p>
   
    </div>
    </body>
</html>


Paste this code in CSS file

.a1{
    background-image: url(Images/banner_img.jpg);
    background-size: 100% 100%;
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
}

Pulse Effect Code HTML & CSS

Pulse Effect Code HTML & CSS

Paste this code in html file

<html>
<head><title>Pulse Effect</title></head>
<link href="pulse_effect.css" rel="stylesheet" type="text/css">
   
    <body>
        <div class="pulse">
        <i class="fa fa-mobile" aria-hidden="true" style="color:green"></i>
        </div>
   
    </body>

</html>

Paste this code in CSS file

.pulse{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 65px;
    background-color: red;
    color: green;
    border-radius: 50%;
    text-align: center;
    line-height: 84px;
    padding-top: 10px;
}
.pulse:hover:before, .pulse:hover:after{
    content: '';
    display: block;
    position: absolute;
    border: 50%;
    border: 3px solid red;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    animation: animate 1.5s linear infinite;
    border-radius: 50%;
}
@keyframes animate{
    0%{
        transform: scale(0.5);
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        transform: scale(1.2);
        opacity: 0;
    }
}