HTML Media

What does multimedia means on the web?

Multimedia is actually a combined name given to images, sound, music, videos, movies, and animations.

In simple words, it is a combination of more than one medium, such as audio, video, images, text, animations and interactive content.

No matter what type of multimedia you are talking about, but they come in a number of different formats. It is commonly related to anything you listen or view around yourself at every second.

Most of the webpages include multimedia elements of diverse types and formats depending on what you want to provide or display to your website’s users.

In this chapter, we will help you to get more information about HTML multimedia and different types of multimedia formats as well.

Browser Support

At the initial era of internet, no browser was designed to support color, except a simple text. It means that users were able to view only text in a single color and in a single font.

Later, there were introduced the browsers which were designed to support colors, fonts, and images. Thus, gave users more attractive websites than before.

But still, many things were missing where users were not able to get the full version of websites than what actually they wanted.

So, now you can notice that all of the major browsers can easily handle audios, videos, and animations. They support the number of formats, where for some formats you require using certain programs or plug-ins to enable those formats to work in the browsers.

If you have HTML multimedia, you will get more effective and interactive viewing experience than ever before.

Multimedia Formats

All the multimedia elements are stored in media files but in different formats and types. If you have a list of media files and want to find the type for each file, the easiest way is to look at the file extension. It will help you to differentiate the files, like audio, video, image etc.

The different extensions of multimedia files include .swf, .wav, .mp3, .mp4, .mpg, .wmv, and .avi

Audio Formats

The number of audio formats includes MIDI, RealAudio, WMA, AAC, WAV, Ogg, MP3, MP4 etc. Among them, MP3 is the most common format used for compressed recorded music. It is basically relevant to digital music.

So, if you are planning to design a website about recorded music, MP3 audio format would be the best choice for you.

Note:

HTML5 supports only MP3, WAV, and Ogg audio formats.

<audio>element is used to define audio file in HTML document.

Example:

<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="good_morning.ogg" type="audio/ogg" >
<source src="good_morning.mp3" type="audio/mpeg">
</audio>

NOTE:(Here, there is a need to add audio format table from https://www.w3schools.com/html/html_media.asp)

Video Formats

Like audio formats, there are plenty of video formats also available to use based on your website’s needs and preferences.

As these days people are crazy about online videos, so you can use one or another video format to give the best to your users.

These include MPEG, AVI, WMV, QuickTime, RealVideo, Flash, Ogg, WebM, MPEG-4 or MP4, and others.

Among them, MP4 is the newest format used for online videos.

Most of the videos on YouTube, a video sharing website where you can enjoy any video and music you love, are available in MP4 format.

This format is supported by HTML5 and Flash Players as well.

<video> element is used to define videos in HTML document.

Example:

<!DOCTYPE html>
<html>
<body>
<video width="300" height="200"controls>
<source src="sunrise.mp4" type="video/mp4" >
<source src="sunrise.ogg" type="video/ogg" >
</html>
</body>

NOTE:(Here, there is a need to add video format table from https://www.w3schools.com/html/html_media.asp)