Shulou(Shulou.com)06/01 Report--

This article will explain in detail how to use audio and video elements in HTML. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

HTML multimedia

Multimedia comes from many different formats.

It can be anything you hear or see, words, pictures, music, sound effects, recordings, movies, animations, and so on.

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

Browser support

The first Internet browser only supported text, and even support for text was limited to a single font and a single color.

Then came browsers that support colors, fonts and text styles, and image support was added.

Different browsers handle support for sound, animation, and video in different ways.

Some elements can be processed inline, while others require additional plug-ins.

Multimedia format

Multimedia elements, such as video and audio, are stored in media files. The way to determine the media type is to look at the file extension.

When the browser gets the file extension .htm or .html, it assumes that the file is a HTML page.

The .xml extension indicates the XML file, while the .css extension indicates the style sheet. The image format is identified by .gif or .jpg.

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

Video format

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

2. WMV (.wmv): Windows Media format is developed by Microsoft. Windows Media is common on the Internet, but Windows Media movies cannot be played without additional (free) components installed. Some later Windows Media movies cannot be played on all non-Windows computers because there is no suitable player.

3. MPEG (.mpg / .mpeg): MPEG (Moving Pictures Expert Group) format is the most popular format on the Internet. It is cross-platform and is supported by all the most popular browsers.

4. QuickTime (.mov): 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.

5. RealVideo (.rm / .ram): the RealVideo format is developed by Real Media for the Internet. This format allows video streaming under low-bandwidth conditions (online video, network television). Because of the low bandwidth priority, the quality is often degraded.

6. The Flash (.swf / .flv): Flash (Shockwave) format is developed by Macromedia. The Shockwave format requires additional components to play. However, the component is pre-installed on browsers such as Firefox or IE.

7. 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 multiple formats and then converts them all to .flv or .mp4 for distribution. More and more video publishers are turning to MP4 as an Internet sharing format for Flash players and HTML5.

Sound format

1. MIDI (.mid / .midi): MIDI (Musical Instrument Digital Interface) is a format for electronic music devices such as synthesizers and sound cards. MIDI files do not contain sound, but contain digital music instructions that can be played by electronic products, such as sound cards. Because the MIDI format contains only instructions, the MIDI file is extremely small. MIDI is supported by a large number of software on a wide range of platforms. Most popular web browsers support MIDI.

2. RealAudio (.rm / .ram): the RealAudio format is developed by Real Media for the Internet. This format also supports video. The format allows audio streams (online music, network music) under low bandwidth conditions. Because of the low bandwidth priority, the quality is often degraded.

3. Wave (.wav): Wave (waveform) format is developed by IBM and Microsoft. It is supported by all computers running Windows and all web browsers (except Google Chrome).

4. WMA (.wma): WMA format (Windows Media Audio), which is superior to MP3 in quality and compatible with most players, except iPod. WMA files can be transmitted as continuous data streams, which makes it useful for online radio or online music.

5. MP3 (.mp3 / .mpga): the MP3 file is actually the sound part of the MPEG file. The MPEG format was originally developed by the Motion Picture expert Group. MP3 is one of the most popular sound formats for music. It is expected that future software systems will support it.

Which format do you use?

WAVE is the most popular uncompressed sound format on the Internet and is supported by all popular browsers. If you need uncompressed sound (music or speech), you should use the WAVE format.

MP3 is the latest compressed recorded music format. The term MP3 has become synonymous with digital music. If your URL is engaged in recording music, then MP3 is an option.

This is the end of this article on "how to use audio and video elements in HTML". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.