Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

HTML Media


May 03, 2021 HTML


Table of contents


HTML multimedia


Multimedia on the Web refers to sound, music, video, and animation.

Modern web browsers already support many multimedia formats.


What is multimedia?

Multimedia comes from many different formats. It can be anything you hear or see, text, pictures, music, sound effects, recordings, movies, animations, and more.

On the Internet, you'll often find multimedia elements embedded in Web pages, and modern browsers already support a variety of multimedia formats.

In this tutorial, you'll learn about the different multimedia formats and how to use them on your web pages.


Browser support

The first Internet browser only supports text, and even support for text is limited to a single font and a single color. A browser with color, font, and text styles was born, and picture support was added.

Different browsers handle support for sound effects, animations, and videos in different ways. Some elements can be handled inline, while others require additional plug-ins.

You'll learn more about plug-ins in the following sections.


Multimedia format

Format Multimedia elements, such as video and audio, are stored in media files.

The most common way to determine media types is to look at file extensions. W hen the browser gets a file extension .htm or .html, it assumes that the file is an HTML page. The .xml extension indicates the XML file, and the .css extension indicates the style sheet. Picture formats are identified .gif or .jpg or files.

Multimedia elements also have file formats with different extensions, such as .swf, .wmv, .mp3, .mp4.


Video format

HTML Media MP4 is a new video format introduced by the Internet.

YouTube recommends MP4.

Flash Players support MP4

HTML5 supports MP4.
Format document describe
AVI .avi The Audio Video Interleave format is developed by Microsoft.All computers running Windows support AVI format.It is a very common format on the Internet, but non-Windows computers are not always able to play.
WMV .wmv The Windows Media format is developed by Microsoft.Windows Media is very common on the Internet, but if you do not have additional (free) components, you cannot play Windows Media movies.Some later Windows Media cannot play on all non-Windows computers because there is no suitable player.
MPEG
  • .mpg
  • .mpeg
MPEG (MOVING PICTURES Expert Group) is the most popular format on the Internet.It is a cross-platform and has received all the most popular browsers.
QuickTime .mov The QuickTime format is developed by Apple.QuickTime is a common format on the Internet, but the QuickTime movie cannot play on a Windows computer that does not have additional (free) components.
RealVideo
  • .rm
  • .ram
The RealVideo format is developed by Real Media for the Internet.This format allows video streams of low bandwidth conditions (online video, network TV).Because it is a low bandwidth, the quality is often reduced.
Flash
  • .swf
  • .flv
The Flash (Shockwave) format is developed by Macromedia.The ShockWave format requires additional components to play.But the component is pre-installed on a browser such as Firefox or IE.
Mpeg-4 .mp4 MPEG-4 (With H.264 Video Compression is a new format for the Internet.In fact, YouTube recommends using MP4.YouTube receives a variety of formats and then converts all to .flv or .mp4 for distribution.More and more video publishers are transferred to MP4, which uses them as the Flash player and HTML5 Internet sharing format.

HTML Media The latest HTML5 standards only support MP4, WebM, and Ogg video formats.

Sound format

MP3 is an audio compression technology whose full name is Motion Picture Expert Group Audio Layer III, or MP3. I t is designed to significantly reduce the amount of audio data. If your site is music type, you can choose the mp3 format.

Format document describe
MIDI
  • .mid
  • .midi

MIDI (Musical Instrument Digital Interface) is a format for electronic music devices (such as synthesizers and sound cards).The MIDI file does not contain sound, but includes digital music instructions that can be played by electronic products (such as sound cards).

Click here to play the beatles

Because the MIDI format contains only instructions, the MIDI file is extremely small.The above example is only 23K size, but it can play nearly 5 minutes.MIDI has received a large number of software on a wide platform.Most popular web browsers support MIDI.

RealAudio
  • .rm
  • .ram
The Reaudio format is developed by Real Media for the Internet.This format also supports video.This format allows the audio stream (online music, online music) under low bandwidth conditions.Because it is a low bandwidth, the quality is often reduced.
Wave .wav Wave (Waveform) format is developed by IBM and Microsoft.All online browsers running Windows (except Google Chrome) supports it.
WMA .wma WMA format (Windows Media Audio), quality is superior to MP3, compatible with most players, except for iPod.The WMA file can be transmitted as a continuous data stream, which makes it very practical for network radio or online music.
MP3
  • .mp3
  • .mpga
The MP3 file is actually the sound portion of the MPEG file.The MPEG format was originally developed by a sports image expert group.MP3 is the most popular sound format for music.It is expected that future software systems support it.

HTML Media The latest standards for HTML5 support MP3, WAV, and Ogg audio formats.