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
<audio src="URL">
Attribute Values
| Value | Description |
|---|---|
| URL | The URL of the audio file.
Possible values:
|
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 |