What is Multimedia?

Multimedia comes in many different formats. It can be almost anything you can hear or see, like images, music, sound, videos, records, films, animations, and more. Web pages often contain multimedia elements of different types and formats.

Common Video Formats that HTML Supports

Only MP4, WebM, and Ogg video are supported by the HTML standard.

Common Audio Formats that HTML Supports

Only MP3, WAV, and Ogg audio are supported by the HTML standard..

Let's watch a video

How it works

        
<video width="320" height="240" 
controls autoplay muted>

    <source src="../assets/mov_bbb.mp4" 
    type="video/mp4" />

    Your browser does not support HTML video.


</video>      
        
    

The "controls" attribute adds video controls, like play, pause, and volume. It is a good idea to always include width and height attributes. If "height" and "width" are not set, the page might flicker while the video loads. The <source> element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format. The text between the <video> and </video> tags will only be displayed in browsers that do not support the <video> element.

Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed. Add muted after autoplay to let your video start playing automatically (but muted):

Let's hear an audio

How it works

        
<audio controls autoplay muted>

<source src="../assets/horse.ogg" 
type="audio/ogg" />
<source src="horse.mp3" type="audio/mpeg" />

Your browser does not support the audio element.

</audio>      
        
    

The controls attribute adds audio controls, like play, pause, and volume. The <source> element allows you to specify alternative audio files which the browser may choose from. The browser will use the first recognized format. The text between the <audio> and </audio> tags will only be displayed in browsers that do not support the <audio> element.

Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed. Add muted after autoplay to let your audio file start playing automatically (but muted):

What is HTML Canvas?

The HTML <canvas> element is used to draw graphics, on the fly, via JavaScript. The <canvas> element is only a container for graphics. You must use JavaScript to actually draw the graphics. Canvas has several methods for drawing paths, boxes, circles, text, and adding images.

Canvas look like?

Here is an example of a basic, empty canvas:

Code:

        
    <canvas
      id="myCanvas"
      width="200"
      height="100"
      style="border: 1px solid #000000"></canvas>