HTML MEDIA

BY: REYES,VALERIE MAE F.

10-COACHABLE
 HTML MEDIA

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.

In this chapter you will learn about the different multimedia formats.
 VIDEO
Digital video files are made up of two parts: a codec and a container. Most video

formats are named after their container. When you see a file type such a .MP4,

.AVI, or .MOV, it doesn’t tell you exactly what the video file format is – it’s only

telling you the container type.

Choose a video file format based on three things: it’s purpose, the hosting

location, and your audience.

Video containers bundle and store all elements of a video into one package. Elements include the video

and audio streams, subtitles, video metadata, codec and more.

Each video container type is compatible with certain video codecs. Your video editing software should only

allow you to choose compatible pairings, but try to plan what codec and container you want to use ahead

of time, to avoid running into issues when you go to render your final video.

Common Video Containers

Like video codecs, there are common video containers:

● MP4

● AVI

● MOV

● FLV

● WMV
VIDEO CONTAINERS
MP4
The .MP4 container is probably the closest thing to a universal standard that

currently exists. It can use all versions of MPEG-4 and H.264 and is compatible

with a huge range of players. Videos using the .MP4 container can have relatively

small file sizes while retaining high quality. Many of the largest streaming services,

including YouTube and Vimeo, prefer .MP4.

AVI
One of the oldest and most universally accepted video file formats is .AVI. It can

use an enormous range of codecs, resulting in a large variety of different file

settings. While .AVI videos can be played on a wide range of players, file sizes

tend to be large making it less ideal for streaming or downloading. It’s a great

option for videos you plan to store on a computer.

MOV (Quicktime)
Apple developed the .MOV container to use with its Quicktime player. Videos

using .MOV generally have very high quality but also fairly large file sizes.

Quicktime videos don’t have as much compatibility with non-Quicktime players,

though there are third party players that will read them.
FLV (Flash)
Made for Adobe’s Flash player, .FLV videos were extremely common for a number

of years thanks to their very small file size and a wide range of browser plugins

and third party Flash video players. There has been a significant decline in Flash

videos recently.

WMV (Windows Media)

Windows Media videos tend to have the smallest file size, which makes them a

good option if you need to send through email or other methods with file size

limits. However, this comes with the tradeoff of having a significant drop in quality.

A common use for .WMV is emailing video previews to clients.

Common Video Codecs
There are common video codecs that will meet most of your needs:

● H.264

● MPEG-4

● DivX

● MPEG-2

● HEVC (H.265)
MPEG-4
Another very common codec for online streaming is the MPEG-4 codec. Newer

standards within MPEG-4 (specifically MPEG-4 Part 10) are identical to H.264,

while the older MPEG-4 Part 2 is somewhat different. MPEG-4 has a very wide

range of compatibility.

MPEG-2
A predecessor to MPEG-4, MPEG-2 was the standard codec for use on DVDs and

early Blu-ray discs. It’s not commonly used for streaming video. Professional

camera codecs which use MPEG-2 are HDV and XDCAM.

RM file

is a multimedia file used by RealPlayer, an audio and video playback and streaming program. It contains
audio or video data or a link to a streaming media file, which is played back as it is downloaded. RM files
are commonly used for streaming content over the Internet such as video and Internet radio.

Ogg
is a multimedia container format, and the native file and stream format for the Xiph.org multimedia codecs. ... As with most
container formats it encapsulates raw compressed data and allows the interleaving of audio and video data inside a single
convenient format.

WEBM file
is a compressed video saved in the WebM format, an open, high-quality video standard. It stores video compressed using
VP8 technology and audio compressed using Ogg Vorbis compression. ... The WEBM container format is based on the
Matroska container, which stores Matroska video in .MKV files.
 AUDIO

Audio files come in all types and sizes. And while we may all be familiar with MP3,

what about AAC, FLAC, OGG, or WMA? Why do so many audio standards exist?

Is there a best audio format? Which ones are important and which ones can you

ignore?

It’s actually quite simple once you realize that all audio formats fall into three major

categories. Once you know what the categories mean, you can just pick a format

within the category that best suits your needs.

MID file
is a standard MIDI (Musical Instrument Digital Interface) file used by music authoring and mixing programs as well as MIDI
hardware devices. It contains music data, such as what notes are played, when they are played, how long each note is
held, and how loud each note is played.

RM file

is a multimedia file used by RealPlayer, an audio and video playback and streaming program. It contains
audio or video data or a link to a streaming media file, which is played back as it is downloaded. RM files
are commonly used for streaming content over the Internet such as video and Internet radio.

WMA
is a file extension used with Windows Media Player. WMA stands for Windows Media Audio. WMA is both an audio format
and an audio codec. WMA was intended to be a competitor for the MP3 and RealAudio audio formats.
ACC
A file with the AAC file extension is a MPEG-2 Advanced Audio Coding file. It's similar to the MP3 audio format but
includes some performance improvements. Apple's iTunes and iTunes Music Store use Advanced Audio Coding as their
default encoding method for music files.

WAV
WAV stands for Waveform Audio File Format (also called Audio for Windows at some point but not anymore). It’s a

standard that was developed by Microsoft and IBM back in 1991.

Ogg
is a multimedia container format, and the native file and stream format for the Xiph.org multimedia codecs. ... As with most
container formats it encapsulates raw compressed data and allows the interleaving of audio and video data inside a single
convenient format.
MP3
(formally MPEG-1 Audio Layer III or MPEG-2 Audio Layer III) is a coding format for digital audio. ... MP3 (or mp3) as a file
format commonly designates files containing an elementary stream of MPEG-1 audio and video encoded data, without
other complexities of the MP3 standard.

MP4
A file with the MP4 file extension is an abbreviation for an MPEG-4 Video file, which is a compressed file format that can
contain not only video, but also audio and subtitles. MP4 files are usually seen when you download a video from the
internet or use a DVD ripping program to save a DVD to your computer
SOURCE

The <source> tag is used to specify multiple media resources for media
elements, such as <video>, <audio>, and <picture>.
The <source> tag allows you to specify alternative video/audio/image
files which the browser may choose from, based on its media type,
codec support or media query.
TAGS
AUTOPLAY
The autoplay attribute is a boolean attribute.

When present, the audio/video will automatically start playing as soon as it can do so without stopping.

CONTROL
The controls attribute is a boolean attribute.When present, it specifies that audio/video controls should be
displayed.Controls should include:

● Play
● Pause
● Seeking
● Volume
● Fullscreen toggle (for video only)
● Captions/Subtitles (for video only, when available)
● Track (for video only, when available)
●
TYPE
For button elements, the type attribute specifies the type of button.For input elements, the type attribute specifies the type
of <input> element to display.For embed, link, object, script, source, and style elements, the type attribute specifies the
Internet media type (formerly known as MIME type).

SRC
he src attribute specifies the location (URL) of the external resource.

LOOP
The loop attribute is a boolean attribute.

When present, it specifies that the audio will start over again, every time it is finished.
-How to download audio and video on
the internet?-

Copy the URL of the video you want to download, head to KeepVid.com, and
paste it in the bar at the top. Then click "Download" to the right of that bar. Do not
click the large green "Download" button. It will load for a few seconds, then you'll
have the option to download the video in FLV (Flash), MP4, or WebM format.
 How to embed Youtube Video?
You can add YouTube videos to your web site by using either the iframe or object
HTML tags.

Based on the information from http://www.youtube.com/youtubeonyoursite:

1. Use the youtube site to find the video you want

2. Click the 'Share' button below the video
3. Click the 'Embed' button next to the link they show you
4. Copy the iframe code given and paste it into the html of your web page.

Although YouTube gives you html code using the iframe tag, you can also include
your video using the object tag.