SlideShare a Scribd company logo

HTML Multimedia.pptx

•Download as PPTX, PDF•
•
S
ssuser08ea44

The document discusses multimedia formats and tags in HTML. It defines multimedia as anything that can be heard or seen, such as images, music, sound, videos. Common multimedia file extensions are listed such as .mp3, .mp4, .avi. HTML provides tags for embedding multimedia like <audio> for audio, <video> for video, and <embed> and <object>. It provides examples of how to use these tags to embed multimedia files on a webpage with attributes like controls, autoplay, and muted.

1 of 10
HTML MULTIMEDIA
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.
MULTIMEDIA FORMATS  Multimedia elements (like audio or video) are stored in media files.  The most common way to discover the type of a file, is to look at the file extension.  Multimedia files have formats and different extensions like: .wav, .mp3, .mp4, .mpg, .wmv, and .avi.
There are many video formats out there. The MP4, WebM, and Ogg formats are supported by HTML. The MP4 format is recommended by YouTube.
HTML Multimedia.pptx
MULTIMEDIA TAGS  HTML allows adding different multimedia files on your website by various multimedia tags. These tags include:  <audio> for displaying a audio file on the web page,  <video> for displaying a video file on the web page,  <embed> for embedding multimedia files on the web page,  <object> for embedding multimedia files on the web page.  <iframe> for embedding other web pages.
HTML AUDIO  The HTML <audio> element is used to play an audio file on a web page. How It Works  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.
 <audio controls autoplay> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>  To start an audio file automatically, use the autoplay attribute  Add muted after autoplay to let your audio file start playing automatically (but muted)
HTML VIDEO  The HTML <video> element is used to show a video on a web page.  How it Works  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.
 To start a video automatically, use the autoplay attribute <video width="320" height="240" autoplay> <source src="movie.mp4" type="video/mp4 "> <source src="movie.ogg" type="video/ogg" > Your browser does not support the video tag. </video> Add muted after autoplay to let your video start playing automatically (but muted)

More Related Content

HTML Multimedia.pptx

  • 2. 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.
  • 3. MULTIMEDIA FORMATS  Multimedia elements (like audio or video) are stored in media files.  The most common way to discover the type of a file, is to look at the file extension.  Multimedia files have formats and different extensions like: .wav, .mp3, .mp4, .mpg, .wmv, and .avi.
  • 4. There are many video formats out there. The MP4, WebM, and Ogg formats are supported by HTML. The MP4 format is recommended by YouTube.
  • 6. MULTIMEDIA TAGS  HTML allows adding different multimedia files on your website by various multimedia tags. These tags include:  <audio> for displaying a audio file on the web page,  <video> for displaying a video file on the web page,  <embed> for embedding multimedia files on the web page,  <object> for embedding multimedia files on the web page.  <iframe> for embedding other web pages.
  • 7. HTML AUDIO  The HTML <audio> element is used to play an audio file on a web page. How It Works  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.
  • 8.  <audio controls autoplay> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>  To start an audio file automatically, use the autoplay attribute  Add muted after autoplay to let your audio file start playing automatically (but muted)
  • 9. HTML VIDEO  The HTML <video> element is used to show a video on a web page.  How it Works  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.
  • 10.  To start a video automatically, use the autoplay attribute <video width="320" height="240" autoplay> <source src="movie.mp4" type="video/mp4 "> <source src="movie.ogg" type="video/ogg" > Your browser does not support the video tag. </video> Add muted after autoplay to let your video start playing automatically (but muted)