Detailed explanation of examples of HTML audio

Sounds can be played in different ways in HTML.

Problems and solutions

Playing audioin HTML is not easy!

You need to know a lot of tricks to ensure that your audio files work in all browsers (Internet Explorer, Chrome, Firefox, Safari, Opera) and on all hardware (PC, Mac, iPad, iPhone) Play.

In this chapter, W3CSchool summarizes the problems and solutions for you.

Using plug-ins

A browser plug-in is a small computer program that extends the standard functionality of your browser.

Plugins can be added to pages using the <object> tag or the tag.

These tags define containers for resources (usually non-HTML resources) , depending on the type, they are displayed either by the browser or by an external plug-in.

Use the element

The tag defines a container for external (non-HTML) content. (This is a HTML5 tag, which is illegal in HTML4, but valid in all browsers).

The following code snippet displays an MP3 file embedded in a web page:

Example

<embed height="50" width="100" src="horse.mp3">

Problem:

tag in HTML 4 it is invalid. The page fails HTML 4 validation.

Different browsers have different support for audio formats.

If the browser does not support the file format, the audio cannot be played without a plug-in.

If the user's computer does not have the plug-in installed, the audio cannot be played.

If you convert the file to other formats, it still cannot be played in all browsers.

Using the