HTML Audio Tag

By Xah Lee. Date: . Last updated: .

Here's a example of embeded audio.

<audio src="i/s/test.m4a" controls></audio>

Here's what your browser shows.

test.m4a

HTML5 Audio Tag Attributes

Following are the most useful optional attributes.

preload
auto, metadata, none. The default is auto, meaning browser decides.
controls
Does not take any value
autoplay
Does not take any value
loop
Does not take any value

Note that the attributes {controls, autoplay, loop} do not take any value. Their existence or non-existence defines the behavior. It is incorrect to add a ="true" or ="false" in them. This type of attributes is called “boolean attributes”.

Test Your Browser

Here's different audio formats, using audio tag.

test.m4a
coi.mp3
test.oga

Audio Formats Browser Support

audio format support 2018-11-14
format/browserChromeSafariFirefoxEdge
.m4a (aka acc)yesyesyesyes
.mp3yesyesyesyes
.opusyesnoyesyes
.oggyesnoyesyes

midi file is not supported by any browser, as of 2018-11-14.

Video by Command Line Tutorials

JS in Depth
XAH  BUY NOW

HTML Basics

HTML Table

Misc

HTML4 Frameset