HTML5 Audio

Post by **C0D3D** »

Embedding audio in HTML documents

Example 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Embedding Audio into an HTML Page</title>
</head>
<body>
	<audio controls="controls" src="/music/s1.mp3">
        Your browser does not support the HTML5 audio element.
    </audio>
</body>
</html>

Defining alternative sources for audio element

Example 2

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Specify Alternate Sources for audio Element in HTML</title>
</head>
<body>
    <audio controls="controls">
        <source src="/music/s1.mp3" type="audio/mpeg">
        <source src="/music/s1.ogg" type="audio/ogg">
        Your browser does not support the HTML5 audio element.
    </audio>
</body>
</html>

Linking the audio files

Example 3

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Linking Audio Files in HTML</title>
</head>
<body>
    <p><a href="/music/s1.mp3">Track 1</a></p>
    <p><a href="/music/s1.mp3">Track 2</a></p>
</body>
</html>

Inserting audio in HTML documents using the object element

Example 4

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Inserting Audio Using object Element</title>
</head>
<body>
    <object data="/music/s1.mp3"></object>
    <object data="/music/s1.ogg"></object>
</body>
</html>

Inserting audio in HTML documents using the embed element

Example 5

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Inserting Audio Using embed Element</title>
</head>
<body>
    <embed src="/music/s1.mp3">
    <embed src="/music/s1.ogg">
</body>
</html>

HTML5 Audio

HTML5 Audio

Who is online