Multimedia - Multimedia formats in HTML5

Multimedia is a term about products created to run on many different devices.

In web framework, multimedia includes text, image, video, audio, animation. Websites often contain multimedia elements of different types and formats.

Today's lesson will be with you to learn about multimedia formats.

Multimedia - Multimedia formats in HTML5 Picture 1

Multimedia on browsers

The first web browser only supports text formatting, limited to one font and one single color.

Gradually growing, the latter browser supports more colors, more and more fonts and images.

Later, the browser supports adding video, audio and animation on the web in different ways according to the format. There are formats we have to install some plug-in programs to work.

HTML5 was born with the hope of making history, creating completely new changes, a promising future of multimedia.

Popular video formats

FILE FORMAT DESCRIPTION MPEG

.mpg

.mpeg

MPEG. developed by the Moving Pictures Expert Group. This is the first popular video format on the web, supported by all browsers but not supported in HTML5 (see MP4). AVI .avi AVI (Audio Video Interleave) was developed by Microsoft, which is commonly used in video cameras and TVs. This format can run on computers but does not work on web browsers. WMV .wmv WMV (Windows Media Video) was developed by Microsoft, which is commonly used in video cameras and TVs. This format can run on computers but does not work on web browsers. QuickTime .mov QuickTime, developed by Apple, is commonly used in video cameras and TVs. This format can run on computers but cannot work on the website. (see MP4)
RealVideo

.rm

.ram

RealVideo is developed by Real Media, allowing video streaming with low bandwidth. The RealVideo format is often used in online video and Internet TV but does not work in web browsers. Flash

.swf

.flv

Flash was developed by Macromedia. This format often has to install new plug-ins that can be run on web browsers. Ogg .ogg Theora Ogg is developed by Xiph.Org Foundation, supported by HTML5. WebM .webm WebM is developed by giants, Mozilla, Opera, Adobe, and Google. Supported by HTML5. MPEG-4 or MP4 .mp4

MP4 was developed by the Moving Pictures Expert Group based on QuickTime. Format is commonly used in video cameras and TVs. Supported by all browsers and recommended by YouTube.

Only MP4, WebM, and Ogg video formats are supported in the new HTML5 standard.

Popular audio formats

FILE FORMAT MIDI DESCRIPTION

.mid

.midi

MIDI (Musical Instrument Digital Interface) is the main format for all music devices such as synthesizers and PC sound cards. MIDI format files do not contain audio. It can run well on electronic devices and computers but does not work in web browsers. RealAudio

.rm

.ram

RealAudio was developed by Real Media, allowing audio streaming with low bandwidth. Format does not work on web browsers. WMA .wma WMA (Windows Media Audio) was developed by Microsoft. The format can run on a computer but does not work on a web browser. AAC .aac AAC (Advanced Audio Coding) was developed by Apple to be the default format for iTunes. The format can run on a computer but does not work on a web browser. WAV .wav WAV was developed by IBM and Microsoft, works on Windows, Macintosh and Linux operating systems. Format supported in HTML5. Ogg .ogg Ogg. developed by Xiph.Org. Format supported in HTML5. MP3 .mp3 MP3 is the audio part of MPEG files. MP3 is the most popular music format in the world, can compress music with low capacity but still give good quality. MP3 is supported by all browsers.
MP4 .mp4 MP4 is the format for video but can also be used for audio. MP4 is supported by all browsers.

MP3 is the latest format that allows you to compress music without compromising on quality.

If you plan to make a music website, this is a wise choice.

Only MP3, WAV, and Ogg audio formats are supported in the new HTML5 standard.

Previous article: SVG element in HTML5

Jessica Tanner

Update 25 May 2019

You should read it

May be interested

Multiple choice questions on multimedia technology with answers - Part 2
in previous posts, network administrator sent you read about multimedia technology related questions. next series of articles on this topic, below is part 2 of the article for your reference.
HTML5 and CSS3
basically, html pages are like skeletons - the basic framework - of a web page - while css files will specify how the elements of a page should be displayed.
Top 15.4-inch multimedia laptop
all four laptops introduced below are equipped with a high-resolution 15.4-inch screen (720p), high-end discrete graphics from nvidia, blu-ray drive or hd dvd and many advanced multimedia features. another advance.
Learn about Appear.in
appear.in is a sophisticated, intuitive and beautiful application, based on the google hangouts model. only html5. no flash. no plugins. no registration. there are no bullshit.
Semantic Element in HTML5
in html, each semantic element describes the structural significance of that element to browsers and developers / developers.
More 'friendly' Chrome with multimedia control features on the keyboard
from next month, the full release of chrome 73 will support multimedia keys right on the keyboard, whether users are using windows, macos or chrome os. linux will also be supported as soon as possible.
What is HDR TV?
high dynamic range (hdr) technology comes in many formats, all of which promise stunning visual experiences – so which hdr format should you use?
Zcodec - New threat for Net users
panda software has announced the recognition of a new malicious piece of software called zcodec, 'disguised' as an application that can install standard video code for various multimedia formats.
How to watch videos on the web after removing Flash
mobile websites now do not need flash, instead web developers will provide html5 video for these devices. however, web browsers on computers are not supported for watching html5 videos. so how do you view the video after uninstalling flash on your computer? please refer to our method below
Set up VLC Media Player as the default multimedia player on Windows 10
by default, windows 10 is integrated with windows media player as a multimedia player. however, if you feel too bored with windows media player, you can set up other multimedia players such as vlc media player as a multimedia player on windows 10. to do this, please refer to the article. below of network administration.