简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Introduction to HTML multimedia

HTML Multimedia

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

Modern web browsers already support many multimedia formats.

What is multimedia?

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

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

In this tutorial, you will learn about different multimedia formats and how to use them in your web pages.

Browser support

The first internet browsers only supported text, and even that support was limited to Single font and single color. Then came browsers that supported colors, fonts, and text styles, and image support was added.

Different browsers handle support for sound effects, animation, and video in different ways. Some elements can be processed inline, while others require additional plugins.

You will learn more about plug-ins in the following chapters.

Multimedia formats

Multimedia elements (such as video and audio) are stored in media files.

The most common way to determine the media type is to look at the file extension. When a browser gets a file extension of .htm or .html, it assumes that the file is an HTML page. The .xml extension indicates an XML file, while the .css extension indicates a stylesheet. The image format is identified by .gif or .jpg.

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

Video format

##
3.jpg ##MP4 is a new video format launched by the Internet.YouTube recommends MP4.
Flash Players supports MP4
HTML5 supports MP4.
##MPEG (Moving Pictures Expert Group) format is the most popular format on the Internet. It is cross-platform and supported by all the most popular browsers.
##Format File describe



AVI



## .avi


AVI (Audio Video Interleave) format was developed by Microsoft. All computers running Windows support the AVI format. It is a very common format on the Internet, but non-Windows computers are not always able to play it.





# WMV




## .wmv


The Windows Media format was developed by Microsoft. Windows Media is common on the Internet, but Windows Media movies cannot be played without installing additional (free) components. Some later Windows Media movies will not play on all non-Windows computers because there is no suitable player.


## MPEG

.mpg


.mpeg
QuickTime format was developed by Apple. QuickTime is a common format on the Internet, but QuickTime movies cannot be played on Windows computers without additional (free) components installed. .swf



## QuickTime



.mov



## RealVideo


.rm



## .ram

##The RealVideo format was developed by Real Media for the Internet. This format allows video streaming under low bandwidth conditions (online video, IP TV). Because low bandwidth is prioritized, quality often decreases.


## Flash



.flv


##Flash (Shockwave) format is developed by Macromedia developing. The Shockwave format requires additional components to play. But the component comes pre-installed on browsers like Firefox or IE.



# Mpeg-4



# .mp4


Mpeg-4 (with H.264 video compression) is a new format for the Internet. In fact, YouTube recommends MP4. YouTube accepts multiple formats and converts them all to .flv or .mp4 for distribution. More and more video publishers are turning to MP4 as the Internet sharing format for Flash players and HTML5.


The latest HTML5 standard only supports MP4, WebM, and Ogg video formats.

Audio Format

MP3 is an audio compression technology, its full name is Moving Image Expert Compression Standard Audio Layer 3 (Moving Picture Experts Group Audio Layer III), referred to as MP3. It is designed to drastically reduce the amount of audio data. If your site is of music type, you can choose mp3 format.

Because the MIDI format only contains instructions, MIDI files are extremely small. The example above is only 23k in size but plays for almost 5 minutes. MIDI is supported by a wide range of software on a wide range of platforms. Most popular web browsers support MIDI. Wave (waveform) format was developed by IBM and Microsoft. It is supported by all computers running Windows and all web browsers (except Google Chrome).
##Format File describe







# MIDI





.mid

.midi


##MIDI (Musical Instrument Digital Interface) is a device for electronic music equipment (such as synthesis player and sound card) format. MIDI files do not contain sound, but contain digital music instructions that can be played by electronic products, such as sound cards.


# RealAudio


.rm


## .ram


 The RealAudio format was developed by Real Media for the Internet. The format also supports video. This format allows audio streaming (online music, network music) under low bandwidth conditions. Because low bandwidth is prioritized, quality often decreases.



## Wave



.wav
The latest standard of HTML5 supports MP3, WAV, and Ogg audio formats.



WMA


## .wma

WMA format (Windows Media Audio), the quality is better than MP3, Compatible with most players except iPod. WMA files can be transmitted as a continuous stream of data, making them useful for Internet radio or online music.


## MP3

## .mp3

.mpga


MP3 file It's actually the sound part of the MPEG file. The MPEG format was originally developed by the Moving Picture Experts Group. MP3 is one of the most popular sound formats for music. We look forward to future software systems supporting it.

Continuing Learning

||
php.cn

多媒体简介

本章节主要介绍什么是多媒体以及多媒体的格式

submit Reset Code
Previous section Next Section
Tutorial List
get help
  • Course Recommendations
  • Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~

Students who have watched this course are also learning

The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)490983 plays
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！