0% found this document useful (0 votes)
67 views33 pages

Multimedia

Here are the acronyms for the given items: 1. MIDI - Musical Instrument Digital Interface 2. AAC - Advanced Audio Coding 3. MPEG - Moving Picture Experts Group 4. WMA - Windows Media Audio 5. OGG - Open source audio compression format developed by Xiph.Org Foundation 6. WMV - Windows Media Video 7. WAV - Waveform Audio File Format 8. JPEG - Joint Photographic Experts Group 9. SWF - Small Web Format (Adobe Flash file format) 10. RAM - RealAudio Media
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
67 views33 pages

Multimedia

Here are the acronyms for the given items: 1. MIDI - Musical Instrument Digital Interface 2. AAC - Advanced Audio Coding 3. MPEG - Moving Picture Experts Group 4. WMA - Windows Media Audio 5. OGG - Open source audio compression format developed by Xiph.Org Foundation 6. WMV - Windows Media Video 7. WAV - Waveform Audio File Format 8. JPEG - Joint Photographic Experts Group 9. SWF - Small Web Format (Adobe Flash file format) 10. RAM - RealAudio Media
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 33

ACTIVIT

Y4
1.What do you think is the importance of Audio or Video in your
Web page?
2.Do you think Audio and Video have an impact when you are
creating a Web page?
3.Inside the box below give the syntax of the following formats
when we going to insert it in our HTML document.
  VIDEO AUDIO
REVIEW
MULTIMEDI
A
Multimedia comes in many different formats. It can be
almost anything you can hear or see. Examples: Images,
music, sound, videos, records, films, animations, and
more. Web pages often contain multimedia elements of
different types and formats. The first web browsers had
support for text only, limited to a single font in a single
color. Later came browsers with support for colors and
fonts, and images!
◦ Audio, video, and animation have been handled
differently by the major browsers. Different
formats have been supported, and some formats
require extra helper programs (plug-ins) to work.
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: .swf, .wav,.mp3, .mp4, .mpg, .wmv, and .avi.
MULTIMEDI
A
COMMON VIDEO FORMATS
MP4 is the new and upcoming format for
internet video. MP4 is recommended by
YouTube. MP4 is supported by Flash Players
and HTML5, however there is a lot of video
formats that we can use when we are
creating an HTML documents.
COMMON VIDEO
FORMATS
FORMAT FILE DESCRIPTION

MPEG .mpg MPEG. Developed by the Moving Pictures Expert Group. The first
.mpeg popular video format on the web. Used to be supported by all
browsers, but it is not
supported in HTML5 (See MP4).

AVI .avi AVI (Audio Video Interleave). Developed by Microsoft. Commonly


used in video cameras and TV hardware. Plays well on Windows
computers,
but not in web browsers.
WMV .wmv WMV (Windows Media Video). Developed by Microsoft.
Commonly used in video cameras and TV hardware. Plays well on
Windows computers,
but not in web browsers.
QuickTime .mov QuickTime. Developed by Apple. Commonly used in video cameras
and TV hardware. Plays well on Apple computers, but not in web
browsers. (See
MP4)
FORMAT FILE DESCRIPTION

.rm RealVideo. Developed by Real Media to allow video streaming with


RealVideo .ram low bandwidths. It is still used for online video and Internet TV, but
does not play in
web browsers.

Flash .swf Flash. Developed by Macromedia. Often requires


.flv an extra component (plug-in) to play in web browsers.

MP4. Developed by the Moving Pictures Expert Group. Based on


MPEG-4 .mp4 QuickTime. Commonly used in newer video cameras and TV
or MP4 hardware. Supported by all HTML5 browsers. Recommended by
YouTube.
COMMON AUDIO
FORMATS
MIDI
MIDI REALAUDIO

COMMON AUDIO
MP3 WMA

FORMAT

Ogg AAC
WAV
FORMAT FILE DESCRIPTION

MIDI .mid MIDI (Musical Instrument Digital Interface). Main format for all
.midi electronic music devices like synthesizers and PC sound cards.
MIDI files do
not contain sound, but digital notes that can be played by
electronics. Plays well on all computers
and music hardware, but not in web browsers.

RealAudio .rm RealAudio. Developed by Real Media to allow streaming of audio


.ram with low bandwidths. Does not
play in web browsers.

WMA .wma WMA (Windows Media Audio). Developed by Microsoft.


Commonly used in music players. Plays well on Windows
computers, but not in web
browsers.

AAC .aac AAC (Advanced Audio Coding). Developed by Apple


as the default format for iTunes. Plays well on Apple computers, but
not in web browsers.
FORMAT FILE DESCRIPTION

.wav WAV. Developed by IBM and Microsoft. Plays well


WAV on Windows, Macintosh, and Linux operating systems.
Supported by HTML5.

Ogg .ogg Ogg. Developed by the Xiph.Org Foundation.


Supported by HTML5.

MP3 files are actually the sound part of MPEG


MP3 .mp3 files. MP3 is the most popular format for music
players. Combines good compression (small files) with high
quality. Supported by all browsers.
HTML5 Video
Before HTML5, a video could only be played in
a browser with a plug-in (like flash). The
HTML5 <video> element specifies a standard
way to embed a video in a web page.
 
HTML5 Video Tags
Tag Description

<video> Defines a video or movie


Defines multiple media resources for
media elements, such as
<source> <video> and <audio>

<track> Defines text tracks in media players


The <track> tag specifies text tracks for <audio> or <video> elements.

This element is used to specify subtitles, caption files or other files containing text, that
should be visible when the media is playing.

Tracks are formatted in WebVTT format (.vtt files).


The HTML <video> Element
To show a video in HTML, use the <video>
element:
Example syntax for video with controls
attribute:
<video width="600" height="400" controls>
<source src="video.mp4" type="video/mp4">
</video>
Result:
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.
HTML5 Audio
Before HTML5, audio files could
only be played in a browser with a
plug-in (like flash). The HTML5
<audio> element specifies a
standard way to embed audio in a
web page.
The HTML <audio> Element
To play an audio file in HTML, use the <audio> element:
 
HTML5 Audio Tags
Tag Description

<audio> Defines sound content

Defines multiple media resources for media elements,


<source> such as
<video> and <audio>
Example syntax for Audio:
 
<audio controls>
<source src="audio.mp3"
type="audio/mpeg">
</audio>
Result:
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.
QUIZ 9
DIRECTIONS: Select the letter that corresponds to the correct answer.

1. Which of the following attributes that add the play, pause and volume
of the video?
A. Autoplay B. controller C. play D. control
2. Which of the following elements that allows you to specify
alternative audio or video files which the browser may choose from.
A. source B. format C. video D. audio
3. Which of the following attribute that customize the size of video?
A. size B. width and height C. length and width D. size and style
4. This is an element which defines sounds?
A. Music B. Sounds C. Video D. Audio
I.Directions:Give the following acronym of the
given item.
1.MIDI 6.WMV
2.AAC 7.WAV
3.MPEG 8. JPEG
4.WMA 9.SWF
5.OGG 10. ram

You might also like