How to add HTML <audio> src Attribute

Play a sound.

Definition and Usage

The src attribute specifies the location (URL) of the audio file.

The example above uses an Ogg file, and will work in Firefox, Opera, Chrome, and Edge. However, to play the audio file in IE or Safari, we must use an MP3 file.

To make it work in all browsers - use <source> elements inside the <audio> element. Each <source> element can link to different audio files. The browser will use the first recognized format:

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Note: The src attribute is supported in all of the major browsers, however, the file format may not be supported in all browsers!

Syntax

Attribute Values

Value	Description
URL	The URL of the audio file. Possible values: An absolute URL - points to another web site (like src="http://www.example.com/horse.ogg") A relative URL - points to a file within a web site (like src="horse.ogg")

Value

Description

URL

The URL of the audio file.

Possible values:

An absolute URL - points to another web site (like src="http://www.example.com/horse.ogg")
A relative URL - points to a file within a web site (like src="horse.ogg")

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>
<h1>The audio src attribute</h1>
<p>Click on the play button to play a sound:</p>
<audio src="https://www.w3schools.com/tags/horse.ogg" controls>
Your browser does not support the audio element.
</audio>
<p><b>Note:</b> The .ogg fileformat is not supported in IE or Safari.</p>
</body>
</html>

Output should be:

Type :	html
Category :	Web Tutorial
Sub Category :	HTML Tag
Uploaded by :	Admin